React-native-navigation:goBack()不起作用

m43*_*43x 6 reactjs react-native react-redux react-navigation

我在React Native中将Redux与React Navigation一起使用。导航工作正常,但在一个屏幕上,goBack()函数不起作用。你能告诉我们为什么吗?

这是标头配置:

static navigationOptions = {
        header: ({ state, goBack }) => {
            return {
                title: state.params.name,
                right: (<Button
                    title={'Done'}
                    onPress={() => goBack()}
                />)

            }
        }
    }
Run Code Online (Sandbox Code Playgroud)

这是调度的事件:

在此处输入图片说明

没有屏幕弹出。设备上的屏幕保持不变。

小智 7

尝试 <Button onPress={() => this.props.navigation.goBack(null)}>

当将null用作输入参数时,它将带您到最后一页(立即历史记录),并且在子导航器中仅包含一个项的情况下,当嵌套的StackNavigator返回到父导航器时,它会很有用。

他们将来可能会更改,因为根据其文档,他们计划进行更改。

欲了解更多信息,请点击这里


小智 6

我认为,如果你想使用 goBack() 动作,你必须在你的视图中做这样的事情(不是标题)

<Button onPress={() => this.props.navigation.goBack()}>
Run Code Online (Sandbox Code Playgroud)