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.

Change App Icon

  • CRNA

    With CRNA Changing the app icon is much easier than the usual React Native App. You just need to give local path or remote url of an image you want to use as app icon to the icon attribute in app.json.

  • React Native

    Want to have your own icon for your app? This is very simple with Task Listing App. Follow below given steps to customize 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/Task Listing App/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 packager and rebuild your app.

Rename App

  • CRNA Renaming any Expo App is very easier. You just need to rename name attribute in package.json
  • React Native

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

    • Rename the app name in following files.

      • package.json
      • index.js
    • The process wipes out the launchscreen and app icon from your app. Hence you can restore them before moving ahead.

      • iOS: Restore ios/Task Listing App/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.

Changing the URL name for publishing with Expo

To change the App name for the Expo url, you just need to rename the slug attribute in app.json file.

results matching ""

    No results matching ""