React Native Navigator：仅在某些组件上显示导航栏

Question

I have a component that renders a Navigator :

render() {
    return (
    <View style={{flex: 1}}>
        <Navigator
        style={{backgroundColor: '#31BC72'}}
            initialRoute={Home.route()}
            renderScene={(route, navigator) => {
                return React.createElement(route.component, _.extend({navigator: navigator}, route.passProps));
            }}
            configureScene={() => {
          return {
            ...Navigator.SceneConfigs.FadeAndroid,
            defaultTransitionVelocity: 10000,
            gestures: {}
          };
        }} />
    </View>
    );
}

That's what it looks like :

When I push a new route, let's say from the Home component, it looks like this :

I'd like to have on this component only a navigation bar with only the back button. I can't figure how to do that..

Answer 1

您可以使用此插件https://www.npmjs.com/package/react-native-scrollable-tab-view实施该模式