Parent scene component visible in inherited scenes

[xahon]

Version

Tell us which versions you are using:

• react-native-router-flux v4
• react-native v0.45.1

Is there a way to embed inherited scenes into parent, like

<Scene
   key='tab_parent'
   component={ ParentComponent }
>
   <Scene
      key='tab_1'
      component={ Comp1 }
   >
   <Scene
      key='tab_2'
      component={ Comp2 }
   >
</Scene>

parent_component.js

export default class Parent extends Component {
   render () {
      return (
         <View>
            <CustomHeader />
            <CustomTabManipulator />
            <InheritSceneReference />
         </View>
      )
   }
}

I haven't found in documentation how to create custom header, custom tab switcher and refence to inherited scene.

How can i create something like this?

[aksonov]

You need to create custom navigator and pass it as `navigator` prop to parent scene. Please check Custom Navigators section within https://reactnavigation.org <https://reactnavigation.org/>

…

On 8 Jul 2017, at 15:25, xahon ***@***.***> wrote: Version Tell us which versions you are using: react-native-router-flux v4 react-native v0.45.1 Is there a way to embed inherited scenes into parent, like <Scene key='tab_parent' component={ ParentComponent } > <Scene key='tab_1' component={ Comp1 } > <Scene key='tab_2' component={ Comp2 } > </Scene> parent_component.js export default class Parent extends Component { render () { return ( <View> <CustomHeader /> <CustomTabManipulator /> <InheritSceneReference /> </View> ) } } I haven't found in documentation how to create custom header, custom tab switcher and refence to inherited scene. How can i create something like this? <https://user-images.githubusercontent.com/18731681/27985745-c09f06b8-6434-11e7-88df-963f9345b056.png> — You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHub <#1988>, or mute the thread <https://github.com/notifications/unsubscribe-auth/ABQpcV8iSgrKgSrX-9Uah0BfVMp42rcbks5sL4NYgaJpZM4ORvQU>.

[aksonov]

Also it is probably could be achieved with two navbars. One navbar belongs to first container, another to second (tabs).

Please check reactnavigation docs, v4 just creates needed hierarchy of Stack/Tab/Drawer navigators from defined Scenes.

[xahon]

There is not explained how to create custom tab buttons in documentation

[aksonov]

Please create separate issue for it and check reactnavigation docs - does it provide API for it or not. If so, then RNRF probably supports it as well - Router.js passes all props as TabNavigator second param (i.e. config)