How to navigte to a scene without tabBar (Android)

[salisuabubakar]

Hi,
I would like to know how to navigate to a scene without tabs on Android. On iOS i can use props hide tab but Android doesnt have that. I want to create a different compnent scene for that.

Please help with easy and simple step to get that done.

Thank you.

[grahammendick]

Hey, any reason you want to use a new Scene rather than a Modal or Bottom Sheet?

[salisuabubakar]

Yeah am using the scene for video display and i dont want the tabs to show. Thanks

[grahammendick]

You need to navigate in the top level stateNavigator

const stateNavigator = new StateNavigator([
  {key: 'tabs'},
  {key: 'video'},
]);

const App = () => (
  <NavigationHandler stateNavigator={stateNavigator}>
    <NavigationStack>
      <Scene stateKey="tabs"><Tabs onPressPlay={() => stateNavigator.navigate('video')} /></Scene>
      <Scene stateKey="video"><Home /></Scene>
    </NavigationStack>
  </NavigationHandler>
);

So when the user presses the play button you pass the event up to the App

const Movie = ({onPressPlay) => (
  <Button onPress={onPressPlay} />
)

const Tabs = ({onPressPlay}) => (
  <TabBar>
    <TabBarItem>
      <NavigationHandler stateNavigator={homeNavigator}>
        <NavigationStack>
          <Scene stateKey="home"><Home /></Scene>
          <Scene stateKey="movie" onPressPlay={onPressPlay}><Movie /></Scene>
        </NavigationStack>
      </NavigationHandler>
    </TabBarItem>
)