SkillAgentSearch skills...

ReactNavTab

A simple example of using TabNavigator with Redux Integration in React Navigation

Install / Use

/learn @kyaroru/ReactNavTab
About this skill

Quality Score

0/100

Supported Platforms

Universal

README

ReactNavTab

A simple example of using TabNavigator with Redux Integration in React Navigation

It consists of a fake login page (without tab) and also other pages that can be seen only after login (with tab)

Navigation Structure

-StackNavigator (without token render this)
   -LoginScreen
-DrawerNavigator (with token render this)
    -TabOne
    -TabTwo
    -TabThree

Note

  • Code is based on (React Navigation with Complete Redux State Management Tab Bar)[https://codeburst.io/react-navigation-with-complete-redux-state-management-tab-bar-and-multiple-navigators-ed30a69d9a4d]

Demo

demo

To run the app

git clone https://github.com/kyaroru/ReactNavTab
cd ReactNavTab
npm i
react-native run-ios
react-native run-android

For example with DrawerNavigator (With Redux)

Refer to ReactNavDrawerRedux

Related Skills

View on GitHub
GitHub Stars12
CategoryDevelopment
Updated7y ago
Forks1

Languages

JavaScript

Security Score

60/100

Audited on Feb 1, 2019

No findings