If you haven't read the previous post, Then head straight for it here, Why I Moved from Ionic to React-Native for Android and iOS Development, It will help you understand and appreciate the simplicity and the reason Framework matter in Mobile app development.
Now, We will design a mobile app for Android and iOS with React-Native in 5 Minutes. This app will run on both Android and iOS Devices, As go further in React-Native tutorial series, The magic in React-Native will reveal itself. We will demonstrate how to earnest the power of native module to create a robust Android and iOS app using React-Native.
Now, We will design a mobile app for Android and iOS with React-Native in 5 Minutes. This app will run on both Android and iOS Devices, As go further in React-Native tutorial series, The magic in React-Native will reveal itself. We will demonstrate how to earnest the power of native module to create a robust Android and iOS app using React-Native.
Setting up your Environment
There are some software needed before an Android or an iOS app can be launched, To run Android app we need to download and Install Android Studios here. Running React Native app requires Node installed on your computer, Head to Nodejs Download Page to download and install the version that is suitable for your computer. Before you continue, Remember to join our Developers group by subscribing to our notifications list, to no miss out on latest tutorials on how to develop Interactive and Powerful and Interactive Mobile Applications.Getting Started with React-Native
Hopefully, Android studios and Node has been installed as suggested above with no errors if you encounter any error while installing any of these products visit Getting Started with React Native for more instructions.Building Android and iOS Application with React-Native
Firstly, Let's install React-Native (If you don't have it installed already) using the following command:
$ npm install -g react-native-cli
If the command above executed successfully, We are good to create a new React-Native Project but if you encounter an error while executing the command make sure you have an active internet connection and retry and make sure you follow the React-Native Getting Started Page carefully.
Building React-Native Project
Now we can create a new React-Native Project using this command on the terminal:
$ react-native init AwesomeProject
This will bootstrap a fresh React-Native project in a directory named after the project name.Running React-Native Project
Running React-Native project can be done with a simple command depending on the platform. Firstly, Make sure to be in the project directory i.e by running:
$ cd AwesomeProject
This command will run the app on any connected device or an existing emulator.
For Android, In the the terminal run the following command, :
$ react-native run-android
For iOS, Application can be run using this command:
$ react-native run-ios
If you follow all the instructions well, Something similar to this should appear on your screen.
Thanks!
Your feedback helps us improve tutorials.
No comments:
Post a Comment