Customizing Your App

This will guide you to customize the App providing the steps and procedure.

Contents discussed in this section:

• How to add a new screen?

• How to add a new component?

• How to add a stylesheet?

How to add a new screen

• Create a new file, say FileName.js and place it under src/ screens.

• Name the function same as that of file name.

  function FileName () {
    . . .
    . . .
   }

• Import the newFile from src/screens in App.js.

How to add new component

• Create a new folder say, NewComponent and place it under src/components.

• Create a new file index.js within this folder.

• Name the function same as that of folder name.

 function NewComponent () {
    . . .
    . . .
}

​

• Use this component wherever needed.

How to add a new stylesheet

• Make the stylesheet wherever needed at the bottom of file.

Customize

Change Components Color

• Move to src/config/colors.js

• To change the color, modify the color code for the particular color.

• To add a new color, add export const <Color_Name> = "Color_Code" and save the file.

Change App Logo

To change logo of Fitness App

• Include image of your logo named as logo.png

• Replace it with the existing logo.png from src/assets