Skip to main content

Carer (React Native)

Environment confirmation

In React Native template application, please setup environment follow React Native environment setup guide first.

Then to confirm all setup is ok, please execute command below to verify.

$ yarn -v

$ node -v

$ npm -v

If you are using MacOS and work with iOS, please check your XCode is latest version.

$ /usr/bin/xcodebuild -version
Xcode 13.2.1
Build version 13C100

Run in development

cd <react-native-project-root>
yarn install

If you are using npm without yarn

cd <react-native-project-root>
npm install

Then, start Metro with command below

npx react-native start

Finally start simulator with command below

react-native run-android

If you develop with iOS application

react-native run-ios

File structure

- android/                                    # ReactNative default android files
- ios/ # ReactNative default iOS files
- src/actions/ # React redux actions
- src/api/ # Project config api
- src/assets/ # Image asset files
- src/components/ # React components
- src/config/ # React config
- src/element/ # React element
- src/fonts/ # React fonts
- src/hooks/ # React hooks
- src/lib/ # React library
- src/navigation/ # React native navigation
- src/reducers/ # React redux reducers
- src/sagas/ # React redux sagas
- src/screens/ # Project screens
- src/store/ # React redux store
- src/svgs/ # React svg files
- src/utils/ # Helper files
- index.js
- babel.config.js # Babel config
- metro.config.js # Metro config
- package.json # Node packages
- tsconfig.json # Typescript config


Thank for your purchase, feel free to contact with us if you have any trouble when install application.


Thank you!