Customization

Last updated 6 months ago

This a guide on how to customize the app name and style

Renaming The App

The easiest way to rename the app is to use the react-native-rename package.

npm install react-native-rename -g
react-native-rename "MyNewAppName"

Changing The App Style

You can change the style of the app by chaning the style of each component using the Styles.js file inside the that component folder. To change the color values, modify the Colors.js file. You can also replace the images inside the images folder with your own.

Here's the default content of the Colors.js file:

Colors.js
const Colors = {
text: '#C6DDFF',
darkText: '#028BF2',
tableText: '#4B4848',
timer: '#43E2FF',
white: '#fff',
greenBorder: '#56CC9C',
greyBorder: '#F4F4F4',
lightBlue: '#43E2FF',
lightGreen: '#6FD9AD',
lightYellow: '#E0DEA2',
lightPink: '#E29CC2',
lightGrey: '#F0F8FF',
grey: '#A09C9C',
red: '#DE7676',
pink: '#F40E5D',
green: '#3BB782',
orange: '#FF6C00',
brown: '#DE7676'
};
export default Colors;