How can I show tab inside the tab (Nested tabs)?

[nakulkundaliya]

How can I show tab inside the tab?

Example

[aksonov]

Have you tried to put Scene tabs inside Scene tabs?

…

On 8 Aug 2017, at 09:28, Nakul Kundaliya ***@***.***> wrote: How can I show tab inside the tab? Example <https://user-images.githubusercontent.com/15937642/29060865-2bcdfe64-7c39-11e7-9b6a-52d275e8b547.png> — You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHub <#2199>, or mute the thread <https://github.com/notifications/unsubscribe-auth/ABQpcSdmrLtbDBy_zg6GGqNxZ-zLl9L0ks5sWA4xgaJpZM4OwWNU>.

[nakulkundaliya]

Yes i have tried it

[aksonov]

And what do you see? Probably react-navigation doesn't support it, please try pure react-navigation solution first.

[nakulkundaliya]

You mean it's not possible in react-native-router-flux

[aksonov]

@nakulkundaliya If react-navigation doesn't support it then yes. But it seems to support it with some lazy and gestureEnabled tweaking:
react-navigation/react-navigation#662

[nakulkundaliya]

@aksonov I fixed it
I forgot to removed component from the root tab
That's why sub tabs are not showing.
Thanks

[tasharofi]

@aksonov can you please share sample code block on how to do the nested tabs here? I am also looking to do the similar thing. Would be great if you can do that. thanks

[nakulkundaliya]

@tasharofi you can find demo from
https://github.com/nakulkundaliya/react-native-router-flux/

[tasharofi]

@nakulkundaliya thanks but I dont see the nested tabs section? I am running the "Example" project. Can you tell me where to find it please?

[nakulkundaliya]

<Scene
  key="tab1"
  title="Tab #1"
  tabBarLabel="TAB #1"
  icon={TabIcon}
  navigationBarStyle={{backgroundColor: 'red'}}
  titleStyle={{color: 'white', alignSelf: 'center'}}
>
  <Scene
    key="tab1_1"
    component={TabView}
    title="Tab #1_1"
    onRight={() => alert('Right button')}
    rightTitle="Right"
  />
  <Scene
    key="tab1_2"
    component={TabView}
    title="Tab #1_2"
    back
    titleStyle={{color: 'black', alignSelf: 'center'}}
  />
</Scene>
<Scene key="tab2" initial title="Tab #2" icon={TabIcon}>
  <Scene
    key="tab2_1"
    component={TabView}
    title="Tab #2_1"
    renderRightButton={() => <Text>Right</Text>}
  />
  <Scene
    key="tab2_2"
    component={TabView}
    title="Tab #2_2"
    back
    onBack={() => alert('onBack button!')}
    backTitle="Back!"
    panHandlers={null}
  />
</Scene>

[mayur10]

How can hide parent tab bar if i click on a particular child tab bar.
For eg: with reference to the picture posted in the question.
I want to show VIEW P1,VIEW P2,VIEW P3 only in view 1 and want to hide the parent tab in view 2.
Is this possible