如何在 react-native 中将 flatlist 的选定项目从一个屏幕显示到另一个屏幕？

Question

如何在 react-native 中将 flatlist 的 selected 项目从一个屏幕显示到另一个屏幕？

我正在尝试使用 flatlist select 性别。所以当我当时来自 flatlist 的 select 性别时，我想在反应中的下一个屏幕上显示 selected 性别值-native.so 请帮助我。提前谢谢你。

我如何实现这个功能。

Answer 1

在您的场景中，您可以简单地使用 react-navigation 中的参数传递值 - View

假设您可以清楚地获得平面列表选择值（性别）:)

假设您必须将值传递给 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,
    };