android - 如何在 react native 屏幕之间传递数据？

Question

嘿，我是 React Native 的新手。所以基本上我有一个带有两个屏幕选项的堆栈导航器:屏幕 1(默认)和屏幕 2。我已经设置了一个按钮，当按下它时它会带我到屏幕 2。所以在 Screen1 中我有一个数组显示为 ScrollView 组件。现在，当我按下按钮转到 screen2 时，我想将一些数组值传递给该 screen2 组件。最好的方法是什么？谢谢:)

我真的很新，所以我的尝试有点愚蠢。我尝试导入 Screen1 组件并通过 this.state 调用数组值，但无法访问。

Answer 1

传递数据的最简单方法是在导航时。为此，最好将数组置于某个状态，然后使用以下方法:

onPress=()=>{
     this.props.navigation.navigate('Screen2', {
          yourArray: this.state.yourArray, });
      }
}

然后在下一个屏幕(Screen2)中，您可以在 Prop 中找到数组(您的数据)。因此，在 scrren2 的构造函数中，您可以在此处找到数据:

  constructor(props) {
    super(props);

    var params = props.navigation.state.params.yourArray;

}

还可以在不触及状态的情况下返回上一个屏幕，您可以在后退按钮中使用此代码:

  const { goBack } = this.props.navigation;
      goBack();