猿问

保存一个平面列表中的 params 导航,并将其显示在另一个屏幕上

我想保存一个位于平面列表中的参数导航以在另一个屏幕上显示它。这个 params 只是一个标题,它存放在一个用于 flatlist 的数组中。


反应原生

屏幕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> } />

平面列表数据


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>


撒科打诨
浏览 113回答 1
1回答

元芳怎么了

代替renderItem={({item})&nbsp;=>&nbsp;<TouchableOpacity&nbsp;onPress={()&nbsp;=>&nbsp;{&nbsp;this.props.navigation.navigate('GraineChoisie',&nbsp;{titre1:&nbsp;this.props.FlatListItems.titre}&nbsp;)}}&nbsp;>和renderItem={({item})&nbsp;=>&nbsp;<TouchableOpacity&nbsp;onPress={()&nbsp;=>&nbsp;{&nbsp;this.props.navigation.navigate('GraineChoisie',&nbsp;{titre1:&nbsp;item.titre&nbsp;}&nbsp;)}}&nbsp;>
随时随地看视频慕课网APP

相关分类

JavaScript
我要回答