反应原生0.55.4导航参数无法在另一个屏幕上显示

时间:2018-09-26 09:39:57

标签: react-native react-navigation

<TouchableOpacity 
                onPress={() => {
            this.props.navigation.navigate('BookOrder', {
              itemId: 86,
              otherParam: 'anything you want here',
            });
          }} >

</TouchableOpacity>

当我单击TouchableOpacity时。我无法在另一个屏幕上获取参数

 const { navigation } = this.props;
        const itemId = navigation.getParam('itemId', 'NO-ID');
        const otherParam = navigation.getParam('otherParam', 'some default value');

<Text >Got Data: {JSON.stringify(itemId)}  </Text>
<Text >Got Data: {JSON.stringify(otherParam)}  </Text>

但是我无法获得它显示的默认值'NO-ID'和'一些默认值'的itemId。

我正在使用以下版本的react-native react-native-cli:1.2 反应本机:0.55.4

1 个答案:

答案 0 :(得分:0)

尝试如下访问您的参数:

const { navigation } = this.props;
const {itemId, otherParam } = navigation.state.params