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

时间:2016-01-15 17:17:47

标签: javascript ios react-native

我有一个呈现导航器的组件:

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>
    );
}

这就是它的样子:

basic navigator component

当我推送新路线时,让我们说从Home组件看起来像这样:

component that needs a navigation bar

我想在这个组件上只有一个只有后退按钮的导航栏。我无法想象如何做到这一点..

1 个答案:

答案 0 :(得分:0)

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

实现该模式