Start Building Your App #

Contents discussed in this section:

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.

Powered by BetterDocs

Leave a Reply

Your email address will not be published. Required fields are marked *

Scroll to Top