Contents discussed in this section:

  • 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 { . . . . . . }

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 { . . . . . . }

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.

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.

  • Replacing the name attribute inside the package when renaming an app is rather package.json
  • You only need to rename the slug property in the app.json file to change the App name for the Expo link.

Powered by BetterDocs

Leave a Reply

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

Scroll to Top