This is guideline to help you install ZiniStore App (React Native)


Setup environment

Before you start to run on iOS, make sure you were setting up the development environment (https://reactnative.dev/docs/environment-setup).

NOTE: The instructions are a bit different depending on your development operating system, and whether you want to start developing for iOS or Android. you MUST pick one to start with, since the setup is a bit different (screenshot)

2/ Unzip file ZiniStore.zip inside the app folder.

3/ Open Visual Studio Code and go to ZiniStore project source code

If TERMINAL tab was not display, you have to open from menu: View > Terminal

 

From Visual Code Terminal , install the independence packages:

npm install

Run on Android devices

react-native run-android

Run on iOS device

cd ios
pod install
cd ..
react-native run-ios

If everything is set up correctly, you should see your new app running in your Android/iOS emulator shortly.

Basic config

Open src/config/index.js and change hostAPI to your store currently, and replace consumerKey + consumerSecret previous step.

Common errors

1. Error: Pod command not found?

pod install
-bash: pod: command not found

Answer: You have to install cocapods

sudo gem install cocoapods

2. Error: react-native command not found?

react-native run-ios
bash: react-native: command not found

Answer: because you did not install react native commandline, please run to install

npm i -g react-native-cli

3. Unable to load script. Make you’re either running a Metro server…

Answer: You need starting dev server, from Visual Studio Code terminal, run:

react-native start

4. Could not install npm?

Answer: Because the npm is too old. You have to remove npm and install again ( refer: https://reactnative.dev/docs/environment-setup)

We recommend installing Node and Python2 via Chocolatey, a popular package manager for Windows.

5. Build failed?

Answer: Clean android and build again

cd android
.\gradlew clean
cd ..
react-native run-android

Leave a Reply

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