双头堆栈导航反应原生

Question

我在react native app中使用StackNavigator。 问题是在我的应用程序中，它创建了两个标题......

我想让上面一个从屏幕上回来。是否可以手动重新创建后退按钮？

屏幕：

const navigationOptions = ({ navigation }) => ({headerLeft: <Icon name {'chevron-left'}  onPress={ () => { navigation.goBack() }} />})
const RootStack = StackNavigator(
    {
        CommandsList: {
            screen: CommandsList,
        },
        CreateCommand: {
            screen: CreateCommand,
        },
        ListFournisseurs: {
            screen: ListFournisseurs,
        },
        ListAffaires: {
            screen: ListAffaires,
        }
    },
    {
        initialRouteName: 'CommandsList',
        headerMode:'none',
        navigationOptions:{navigationOptions}
    }
);

编辑： App.js

{{1}}

Answer 1

根据文档，如果您要停用header的{​​{1}}，则可以在StackNavigatorConfig上将配置应用为StackNavigator。 后传播从 Child传递给Parent，如果Parent为none，则也不会渲染Child。

因此，对于单个标题，在您的情况下，您应该

headerMode: 'none'

对于父堆栈中的后退按钮，您可以创建一个组件

export default StackNavigator({
    CommandsList : {
        screen : CommandsList,
    },
}, {
  headerMode: 'none'
});