reactjs - 获取 FlatList 中所选项目的值。 -- react native

Question

我通过绑定(bind)数组实现了一个平面列表组件。当我点击一个项目时。我必须获取项目名称或 ID。

 _renderList = ({ item }) => {
    return (
        <View style={styles.listContainer} onPress={this._selectedItem(item.text)}  >
            <Image style={styles.listImage} source={item.avatar} />
            <Text style={styles.listText} >{item.text}</Text>
            <Text style={styles.listVal} >{item.val}</Text>
            <Image style={styles.listImage}   source={require('../../resources/icons/MyAccount/arrowright.png')} />
        </View>
    );

}


<FlatList data={this.state.data} renderItem={this._renderList} />

Answer 1

考虑@SNT 的回答和 bennygenel 的评论。我已经添加了这个。回答，因为他们的建议都需要注意。

 _renderList = ({ item }) => {
    return (
     <TouchableWithoutFeedback onPress={(event)=>this._selectedItem(item.text)}>
        <View style={styles.listContainer}>
            <Image style={styles.listImage} source={item.avatar} />
            <Text style={styles.listText} >{item.text}</Text>
            <Text style={styles.listVal} >{item.val}</Text>
            <Image style={styles.listImage}   source={require('../../resources/icons/MyAccount/arrowright.png')} />
        </View>
     </TouchableWithoutFeedback>
    );

}


<FlatList data={this.state.data} renderItem={this._renderList} />