💡
Legendbae - Connect to people
  • Overview
  • Installation
    • App Setup
  • Features
  • Folder Structure
  • Walk-Through
  • Packages
  • Guide
  • Customize
Powered by GitBook
On this page

Was this helpful?

Customize

Change your app name & logo

PreviousGuide

Last updated 4 years ago

Was this helpful?

Theming Your App

Customizing the App will be a cakewalk for you. That is due to the fact, we provide you well- prepared code shape. This makes it quite simple to be able to dig through the code and hence without problems customizable.

  • The theme has categorized its screens into different sections.

  • The theme has a separate file inclusive of color schemes for different sections.

  • The theme strictly follows programming ethics, hence modifying the logo at different locations for your app becomes very simple.

  • The theme also allows you to customize the name for your app.

Change App logo

The App comes with its logo on the login page. To change the logo at splash page:

  • Include an image of your logo named as splash_logo.png

  • Place it under /assets/

Change App Icon

  • React Native

    Want to have your own icon for your app? This is very simple with the Dating App. Follow the below-given steps to customize the app icon for your app.

  • Visit website

  • Enter the image of your choice to get logo of various dimensions

  • For iOS:

    • You should upload iOS icons to /ios/Whatsapp/Images.xcassets/AppIcon.appiconset/

  • For Android:

    • You should upload Android icons along with the folders named as:

      • mipmap-hdpi

      • mipmap-mdpi

      • mipmap-xhdpi

      • mipmap-xxhdpi

    • Upload these folders to /android/app/src/main/res/

    • Restart the packager and rebuild your app.

Rename App

  • React Native

  • Rename the app name in the following files.

    • package.json

    • index.js

  • The process wipes out the launch screen and app icon from your app. Hence you can restore them before moving ahead.

    • iOS: Restore ios/Whatsapp/Images.xcassets

    • Android: Restore /android/app/src/main/res

  • Delete the iOS and android directories from your project.

  • Run the following commands on your terminal

react-native upgrade
react-native link

  • Overwrite all the files if it prompts.

Renaming any app is strenous. But Dating App proves its flexibility for this approach. Follow the below-given steps to rename your app.

MakeAppIcon
React Native