This is where we create our DrawerNavigator with our three main pages, let’s take a look at a particular page. The project structure will look like this ├── src │ Also, it’s the recommended navigation library for Expo. The main reason for using this library is because it’s written purely in JavaScript so no native code (Swift/Android) is required to make it work. Is a library that helps you simplify app navigation. Within PageA we have a Stack Navigator with two pages Main (purple) and Secondary (yellow). Inside the Home page, we have a Tab Navigator which has two pages, PageA (purple) and PageB (green). We have three main pages in the Drawer Navigator Home (purple), Settings (red) and About (blue) pages. ![]() This might sound a bit complicated so let’s take a look gif below to visually see the functionality. ![]() The app will contain a Stack Navigator nested in a Tab Navigator, nested within a Drawer Navigator. In this article, we will create a simple React Native application (with Expo) using React Navigation, for moving between screens/pages within our app. ![]() Building A React Native App with DrawerNavigator, TabNavigator, and StackNavigator Using React Navigation
0 Comments
Leave a Reply. |