Installing

This section will help you walk through the minimum step by step to run Kindie mobile application

Inorder to do this step, please make sure all compatibility requirements were installed

After install all development OS at Compatibility Requirements now you have to install some tools, dependencies to run the Kindie mobile app.

Follow Setting up the development environment and install sample app to make sure you:

  • React Native CLI Quickstart (We do not use Expo)

  • Installing dependencies

  • Created a new application

  • Built "AwesomeProject" React Native application

AwesomeProject sample

AwesomeProject MUST be installed before run KINIDE

Step 1: Download source code, unzip and open project by Visual Studio Code:

Note: You can toogle terminal by hot keys Ctrl + `

Step 2: To install the React Native command-line utility, run the below command in your terminal:

npm install -g react-native-cli

React Native is an open-source mobile application framework created by Facebook.It is used to develop applications for Android, iOS, Web and UWPby enabling developers to use React along with native platform capabilities. You can refer full document about React Native here:

React Native is an open-source mobile application framework created by Facebook.It is used to develop applications for Android, iOS, Web and UWPby enabling developers to use React along with native platform capabilities. You can refer full document about React Native here:

https://facebook.github.io/react-native/

Step 3: Install others npm Package Manager:

npm install

Step 4: Run the app

4.1 If you need to build for Android device:

react-native run-android

4.2 If you need to build for iOS device:

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

Note that for react-native run-android to work, you should have an open Android emulator or an Android device with USB Debugging enabled connected to your system via a USB cable.

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

Commons errors

app-kindie-master> react-native run-android
react-native : File C:\Users\jaspr\AppData\Roaming\npm\react-native.ps1 cannot be loaded. The file
C:\Users\jaspr\AppData\Roaming\npm\react-native.ps1 is not digitally signed. You cannot run this script on the current system. For more
information about running scripts and setting execution policy, see about_Execution_Policies at https:/go.microsoft.com/fwlink/?LinkID=135170.
At line:1 char:1

This is a powershell security policy, to fix it run the following:

PS C:\> Set-ExecutionPolicy RemoteSigned

The stricter the policy, the more secure your system becomes.

You can change RemoteSigned to other options like: Restricted, AllSigned, RemoteSigned, Unrestricted

Source: https://tecadmin.net/powershell-running-scripts-is-disabled-system/

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