This video is available to students only

Adding bottom navigation

Adding bottom navigation

In this lesson we are going to add bottom navigation to our app.

It looks like this:

We are going to display it right after the user logs into our app. Currently we display the HomeScreen with text inside it, and a logout button. Let's change that.

Our goal is to create two screens. One will be called Home and will be responsible for displaying the app's content, and the second one is Profile, and is where users can manage their accounts.

When it comes to bottom navigation there are many libraries that work well but we are already using react-navigation library and luckily for us they provide the @react-navigation/bottom-tabs module that can create bottom navigation for us.

 

This page is a preview of Creating a React Native Login

Start a new discussion. All notification go to the author.