react-native - 将条形码扫描数据传递到第二个屏幕

Question

我正在尝试传递通过扫描条形码收到的数据。我可以使用 JSON.stringify(data) 打印数据并且正在传递数据，但我似乎无法显示它。

成功传递数据:

_handleBarCodeRead = data => {
Alert.alert(
  'Scan successful!',
  JSON.stringify(data)
);

const { navigate } = this.props.navigation;
navigate('KnownProduct', {data})
};

正在尝试在此页面上呈现数据:

  render(){
    const { navigate } = this.props.navigation;
    return(
        <View style={styles.container}>
            <Text>{this.props.navigation.state.params.data.toString}</Text>
        </View>
    );

我知道导航工作正常，因为如果我硬编码值，屏幕会在扫描条形码后导航并显示硬编码值。但是，我认为我正在尝试使用以下方法错误地调用数据:this.props.navigation.state.params.data.toString 但没有弄清楚如何显示传递的数据。

有没有能帮助新手的 React Native 专家？

好的....所以我想通了......感谢一位指出我应该像这样传递数据的评论者:

navigate('KnownProduct', {data: data})

然后重定向页面中缺少的是:

<Text>{this.props.navigation.state.params.data.data}</Text>

data.data 找到我了!

Answer 1

试试这个:

navigate('KnownProduct', {data:JSON.stringify(data)})

和

<Text>{this.props.navigation.state.params.data}</Text>