Manual

Start Building Your App #

Contents discussed in this section:

• How to add new Screen?
• How to add new Stylesheet?

How to add new Screen #

• Create a new folder, say NewScreen and place in under `/src/screens/.
• Create a new file NewScreen.js,whitin this folder.
• Name the class same as that of folder name. class NewScreen extends React.Component { . . . . . . }

How to add new Stylesheet #

Create a new file styles.js, place it under /src/screens/NewScreen. import newly created StyleSheet into the Component. import styles from './styles'; class NewScreen extends React.Component { . . . . . . }

Customize #

Theming Your App #

It’s much easier to make adjustments to the app that you desire. It is constructed in a way to accommodate adjustments and streamline the procedure.

• The color schemes for the entire app are included in a separate file for the theme.
• You can alter the app’s name, logo, and splash screen using the theme.
• The theme contains distinct screens, so altering one screen won’t affect the others.

Change App Colors #

To customise the colour scheme for the app you need to make changes in one file only src/utils/colors.js set the colours that you require in this file it should reflect throughout the app.

Change Icon and Splash image #

• Expo With Expo changing the app icon is much easier. You need to replace the icon inside assets/icons.png similarly if you want to change the splash screen you need to replace the image in assets/splash.png with your own image.

Rename App #

• Expo Renaming app name is pretty straight forward just replace the name attribute inside package.json

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.