后退按钮不起作用反应原生导航

时间:2017-09-07 12:30:14

标签: reactjs react-native react-router react-navigation

我正在使用反应原生导航,我需要更新我通过以下代码实现的按钮设计

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

但这样我得错误未定义不是对象(评估r.props.navigation)

如果没有onPress,

后退按钮什么都不做。

1 个答案:

答案 0 :(得分:2)

加入http://artafood.ca//ckeditor/uploader/upload.php?CKEditor=content&CKEditorFuncNum=1&langCode=fa您可以更改下面的代码。

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