如何以本机显示从一个屏幕到另一个屏幕的平面列表的选定项目？

Question

如何以本机显示从一个屏幕到另一个屏幕的列表选择的项目？

我正在尝试使用单位列表选择性别。因此，当我当时从单位列表中选择性别时，我想在react-native中的下一个屏幕上显示所选的性别值。因此请帮助我。谢谢您。

我如何实现此功能。

Answer 1

在您的方案中，您可以在react-navigation-View

中使用参数简单地传递值

假设您可以清楚地获得选定清单的选定值（Gender）：）

假设您必须将值传递给 SecondScreen

这是从FlatList中选择项目的功能

itemOnClickListner = gender => {
  // gender is the selected gender of the user

  //Now you need to pass it to second screen
  this.props.navigation.navigate('SecondScreen', {
    screen: SecondScreen,
    Gender: gender,
  });

};

在SecondScreen内部（我们正在传递值的屏幕）状态中，您需要像这样保存传递值

  this.state = {
      SelectedGender: this.props.navigation.state.params.Gender,
    };