Assalam-o-Alaikum

Greeting to all Steemians. Hope you all are fine.

First of all we have to install TAB NAVIGATION command that is available on google REACT NATIVE TAB NAVIGATION.

After this installation we are going towards the step first.

source

Step 1:
First of all we will apply code in App.js. Firstly we import the View and text component in the app.js .And then we will import Root Stack which is more important for tab navigation because we can import multiple screens easily in Root Stack.

Step 2:
In this step we will import multiple screen in Root Stack. And also we have to use Tab Navigator and Navigation Container.
After this we will import screens like:

• Chats Screen
• Status Screen
• Contacts Screens

Step 3:

Step 4:

Step 5:

Step 6:
In this we will use Image.js folder that is also created in component folder. In this we will create image that we will use in our list and app that we created.

Step 7:
In this step we simply run our complete code by connected our phone or emulator by using 2 command that are:

• Adb devices
• React-native run-android

If it will be run successfully then we will move on next step

Step 8:
After completion of all previous steps we have to check our emulator or phone that our code executed or not. And here our project is running .

Now my tutorial is completed. Today’s tutorial is little bit difficult But I try to make it easier that will easily understandable for everything.. And I hope that you will like it and appreciate as usual.

Special Thanks to:
@cryptokraze
@vvarishayy
@suboohi

JOIN STEEM INFINITY ZONE:

Regards: @ramzanbaow