1. Setting up the development environment Please follow guide install of react native official homepage.
https://reactnative.dev/docs/environment-setup
1.1. Install NodeJS with NVM
Using NVM to easy switch node version. Install guide in link below.
To install or update nvm, you should run the install script. To do that, you may either download and run the script manually, or use the following cURL or Wget command:
$ curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.35.3/install.sh | bash
Running either of the above commands downloads a script and runs it. The script clones the nvm repository to ~/.nvm, and attempts to add the source lines from the snippet below to the correct profile file (~/.bash_profile, ~/.zshrc, ~/.profile, or ~/.bashrc).
export NVM_DIR=”$([ -z “${XDG_CONFIG_HOME-}” ] && printf %s “${HOME}/.nvm” || printf %s “${XDG_CONFIG_HOME}/nvm”)”
[ -s “$NVM_DIR/nvm.sh” ] && \. “$NVM_DIR/nvm.sh” # This loads nvm
Then we need install node version 10.19
$ nvm install 10.19.0
$ nvm use 10.19 –default
1.2. Install Yarn
We recommend to use yarn instead of npm.
https://classic.yarnpkg.com/en/docs/install#mac-stable
$ brew install yarn
Confirm before running app
$ node -v v10.19.0 $ yarn -v 1.22.4
2. Deploy app with xcode and run on simulator
$ cd <project-directory>/abc_kid_rn $ yarn
$ cd ios && pod install
$ cd <project-directory>/abc_kid_rn $ yarn ios
Follow this youtube clip for more detail: https://youtu.be/ChXsfxY-pLQ
Our Product
Wala – Food React Native: http://1.envato.market/qbXgy
Evez React Native: https://1.envato.market/emE1r
Finany – Cashflow Manager App: https://1.envato.market/d1v17
Imba React Native: https://1.envato.market/M3KWM
Healer React Native: https://1.envato.market/v6BDd
Healer Flutter: https://1.envato.market/b1xk9
Finey React Rative: https://1.envato.market/dJQyM
Finey Flutter: https://1.envato.market/RdB09
Kid Draw React Native: https://1.envato.market/Z3nQk
Thank you!
Related Posts
