5
A React Native app that contains Drawer, Stack, Bottom and Top Navigators
source link: https://reactnativeexample.com/a-react-native-app-that-contains-drawer-stack-bottom-and-top-navigators/
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
⚛️React Native Navigations
This project was created with React Native CLI and TypeScript template.
Description
This project is a new practical item of my mobile app series that made with some React Navigations and:
- react native v0.65.1
- stack-navigator – (to make transitions between screens)
- react-navigation/bottom-tabs – (simple tab bar on the bottom to switch screens)
- react-navigation/material-bottom-tabs – (simple tab bar on the bottom to switch screens for Android)
- react-navigation/drawer – (common left drawer navigation)
- react-native-reanimated-2.3.0-alpha.3 – (to make transitions between screens)
- react-native-elements – (UI Toolkit for RN apps)
- react-native-vector-icons – (UI buttons and logos)
- Of course, I used things like components, custom drawer navigator and context API to manage changes in the app.
Available Scripts
- The project has only been tested on Android
In the project directory, you can run special commands like these:
To install dependencies
$ npm install
| $ yarn install
To start the development server and run app on simulator or device
$ npx react-native run-android
$ npx react-native run-ios
Feel free to fork this repo and add your own twist.
More about me
👋 You can visit my webpage here: Paul’s website.
GitHub
Recommend
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK