Skip to main content

PetLover (React Native)

Environment confirmation​

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

https://docs.timistudio.dev/docs/environment-setup/react-native-environment-setup

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

$ yarn -v
1.22.19

$ node -v
v14.19.3

$ npm -v
2.12.1

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

$ /usr/bin/xcodebuild -version
Xcode 14.0
Build version 14A309

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​

- App.tsx
- AuthContext.tsx
- ThemeContext.tsx
- __tests__/
- android/                                    # ReactNative default android files
- app.json
- assets/                                     # Image asset files
- babel.config.js
- components/                                 # React Components
- constants                                   # Project constant files
- declarations.d.ts                           # SVG declare
- highcharts-react-native.ts                  # Highcharts declare
- hooks/                                      # React hooks
- i18n/                                       # Internationalization files
- index.js
- ios/                                        # ReactNative default iOS files
- metro.config.js                             # Metro config
- navigation/                                 # React Native Navigations
- package.json                                # Node packages
- react-native-web-refresh-control.d.ts
- react-native.config.js
- screens/                                    # Project screens
- styles/                                     # Project styles
- tsconfig.json                               # Typescript config
- utils/                                      # Helper files

SUPPORT INFORMATION​

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

OUR PRODUCTS:​

Thank you!