Customize

Change your app name & logo

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.

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 MakeAppIcon 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

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

  • 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.

PreviousGuide

Last updated