ReactNavTab
A simple example of using TabNavigator with Redux Integration in React Navigation
Install / Use
/learn @kyaroru/ReactNavTabREADME
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

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
node-connect
349.9kDiagnose OpenClaw node connection and pairing failures for Android, iOS, and macOS companion apps
frontend-design
109.8kCreate distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
openai-whisper-api
349.9kTranscribe audio via OpenAI Audio Transcriptions API (Whisper).
qqbot-media
349.9kQQBot 富媒体收发能力。使用 <qqmedia> 标签,系统根据文件扩展名自动识别类型(图片/语音/视频/文件)。
