Installing

Search…

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
​
​

Mobile App - Previous

Customization

Next - Mobile App

Mobile app structure

Last modified 2yr ago

Copy link

On this page

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

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

Step 3: Install others npm Package Manager:

Step 4: Run the app

Commons errors