Building Android and iOS Apps with React-Native in 5 Minutes. ~ Hybrid Mobile Apps Development, React Native, Flutter, JavaScript, Darts, iOS, Android, NodeJS
Coding Savvy FB Twitter Google
» »

Building Android and iOS Apps with React-Native in 5 Minutes.

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.

Building Android and iOS Apps with React-Native in 5 Minutes.

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.
Subscribe Via Email
Join over 50,000 Active Programmers
Subscribe to our newsletter to get the latest updates to your inbox. ;-)

Your email address is safe with us!

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.

Was this article helpful?
Thanks! Your feedback helps us improve tutorials.

You May Also Like...

No comments:

Post a Comment