Guide

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 the desired adjustments to the app. It’s created in a way to handle adjustments and simplify the entire procedure.

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

Change App Colors #

Only one file, src/utils/colors.js, needs to be modified in order to modify the app’s color scheme. The colors you choose in this file using JavaScript should be reflected throughout the app.

Change Icon and Splash image #

• Expo It’s considerably simpler to change the app icon with Expo. If you wish to alter the splash screen, you must replace the image in assets/splash.png with your own image and replace the icon inside assets/icons.png.

Rename App #

• Replacing the name attribute inside the package when renaming an app is rather package.json

Changing the URL name for publishing with Expo #

• You only need to rename the slug property in the app.json file to change the App name for the Expo link.