{"data":{"site":{"siteMetadata":{"title":"Lime Brains","description":"We are The Software House where business questions meet software answers.","url":"https://limebrains.com"}},"markdownRemark":{"html":"

Problem 😱

\n

You would like to navigate to nested tab using react-native-router-flux?

\n
\n

Solution 🤓

\n

Lets for example use that Routes:

\n
<Scene key=\"intro\" component={Intro} initial={true} hideNavBar={true} title=\"PythonicNinja\"/>\n<Scene key=\"tabbar\" tabs={true} hideNavBar={false} tabBarStyle={styles.navigationTabBar} hideBackImage={true}>\n  <Scene key=\"Home\" component={Home} {...defaultTabProps} initial={true}/>\n  <Scene key=\"Shows\" component={Shows} {...defaultTabProps}/>\n  <Scene key=\"Channels\" component={Channels} {...defaultTabProps}/>\n  <Scene key=\"My Account\" component={MyAccount} {...defaultTabProps}/>\n</Scene>
\n

Usage 📱

\n
finishAccount = () => {\n    Actions.tabbar({type: 'reset'});\n    Actions['My Account']();\n};
\n

It will navigate to My Account component within tabbar.

","excerpt":"Problem 😱 You would like to navigate to nested tab using ? Solution 🤓 Lets for example use that Routes: Usage 📱 It will navigate to My…","frontmatter":{"title":"How to navigate to nested tab using react-native-router-flux?","subtitle":"How to navigate to nested tab using react-native-router-flux?","date":"2017-12-19 15:00","seo":{"title":"How to navigate to nested tab using react-native-router-flux?","description":"How to navigate to nested tab using react-native-router-flux?","noindex":false}},"fields":{"slug":"/blog/2017-12-19T15:00-react-native-router-flux-navigate-to-nested-tab/"}}},"pageContext":{"slug":"/blog/2017-12-19T15:00-react-native-router-flux-navigate-to-nested-tab/","indexable":false}}