在 onPress HeaderBackButton 中找不到变量导航

Question

我正在尝试覆盖 HeaderBackButton，我已经成功做到了，但问题是我无法 goBack HeaderBackButton onPress，我无法访问 HeaderBackButton 的 onPress 内的导航对象。

我正在使用这段代码

static navigationOptions = {
    title: 'Operation Screen',
    headerLeft: (
        <HeaderBackButton
            onPress={ ()=>{
                    console.log('HeaderBackButton');
                    // Do some custom stuff
                    navigation.goBack();
                }}
        />
    )
};

Answer 1

定义为一个函数即可。您可以将 navigation 作为参数

static navigationOptions = ({ navigation }) => {
    return {
        title: 'Operation Screen',
        headerLeft: (
            <HeaderBackButton
                onPress={() => {
                        console.log('HeaderBackButton');
                        // Do some custom stuff
                        navigation.goBack();
                    }}
            />
        )
    }
}