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:
1
npm install -g react-native-cli
Copied!
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:
1
npm install
Copied!
 Step 4: Run the app
4.1 If you need to build for Android device:
1
react-native run-android
Copied!
4.2 If you need to build for iOS device:
1
cd ios 
2
pod install 
3
cd .. 
4
react-native run-ios
Copied!
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
1
app-kindie-master> react-native run-android
2
react-native : File C:\Users\jaspr\AppData\Roaming\npm\react-native.ps1 cannot be loaded. The file 
3
C:\Users\jaspr\AppData\Roaming\npm\react-native.ps1 is not digitally signed. You cannot run this script on the current system. For more 
4
information about running scripts and setting execution policy, see about_Execution_Policies at https:/go.microsoft.com/fwlink/?LinkID=135170.    
5
At line:1 char:1
Copied!
This is a powershell security policy, to fix it run the following:
1
PS C:\> Set-ExecutionPolicy RemoteSigned 
Copied!
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?
1
pod install 
2
-bash: pod: command not found
Copied!
Answer: You have to install cocapods
1
sudo gem install cocoapods
Copied!
2. Error: react-native command not found?
1
react-native run-ios
2
bash: react-native: command not found
Copied!
Answer: because you did not install react native commandline, please run to install
1
npm i -g react-native-cli
Copied!
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:
1
react-native start
Copied!
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
1
cd android
2
.\gradlew clean 
3
cd ..
4
react-native run-android
Copied!
​
​

Mobile App - Previous

Customization

Next - Mobile App

Mobile app structure

Last modified 1yr ago

Copy link

Contents

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