Getting Started

Rider App Manual

How to add a 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 a new Stylesheet

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


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.

On this page