保存一个在flatlist中的params navigation，并显示在另一个屏幕中

Question

我想保存一个平面列表中的参数导航，以便在另一个屏幕上显示它。 这个参数只是一个标题，存储在平面列表的数组中。

react-native

屏幕A

<FlatList data={ this.state.FlatListItems } keyExtractor={this._keyExtractor} ItemSeparatorComponent={this.FlatListItemSeparator}
  renderItem={({item})=>
  <TouchableOpacity onPress={()=> { this.props.navigation.navigate('GraineChoisie', {titre1:
    this.props.FlatListItems.titre} )}} >
    <ChoixGrainesItem data={item} navigation={this.props.navigation} />
  </TouchableOpacity> } />

FlatlistData

export default aromatesData = [
  {
    titre: "Choix1",
    Description: " blablablablabala",
    Date: " le 00/00/00"
  }, {
    titre: "Choix2",
    Description: " blablablablabala",
    Date: " le 00/00/00"
  }
]

屏幕B

render() {
  let titre2 = this.props.navigation.getParam('titre1');
  alert(titre2);
  return (
    <Container style={styles.view}>
      <View
        <Text style={styles.Txt}>
          Vous avez choisie: {titre2}
        </Text>
      </View>
    </Container>

Answer 1

替换

renderItem={({item}) => <TouchableOpacity onPress={() => { this.props.navigation.navigate('GraineChoisie', {titre1: this.props.FlatListItems.titre} )}} >

和

renderItem={({item}) => <TouchableOpacity onPress={() => { this.props.navigation.navigate('GraineChoisie', {titre1: item.titre } )}} >