后退按钮在本机导航中不起作用

Question

我正在使用 React Native 导航，我需要更新我通过以下代码实现的后退按钮设计

static navigationOptions = {
    title: '',
    headerStyle: {
      backgroundColor: '#544849',
    },
    tintColor: 'transparent',
    headerLeft: <TouchableOpacity onPress={() => this.props.navigation.goBack()}><Image source={require('../../img/close.png')} style={{marginTop: 10, marginLeft:10}} /></TouchableOpacity>
  };

但是这样我得到错误 undefined is not an object(evaluating r.props.navigation)

没有 onPress 后退按钮什么都不做。

Answer 1

根据 docs for NavigationOptions，您可以像下面这样更改您的代码。

static navigationOptions = ({ navigation, screenProps }) => ({
        title: '',
        headerStyle: {
          backgroundColor: '#544849',
        },
        tintColor: 'transparent',
        headerLeft: <TouchableOpacity onPress={() => navigation.goBack()}><Image source={require('../../img/close.png')} style={{marginTop: 10, marginLeft:10}} /></TouchableOpacity>
});

后退按钮在本机导航中不起作用

Back button not working in react native navigation

reactjs

react-native

react-navigation