にクリックリスナーを追加するにはどうすればよいFlatlist
ですか?
私のコード:
renderItem({item, index}){
return <View style = {{
flex:1,
margin: 5,
minWidth: 170,
maxWidth: 223,
height: 304,
maxHeight: 304,
backgroundColor: '#ccc',
}}/>
}
render(){
return(<FlatList
contentContainerStyle={styles.list}
data={[{key: 'a'}, {key: 'b'},{key:'c'}]}
renderItem={this.renderItem}
/>);
}
}
更新 1: ボタンを使用しましたが、 で機能しませんFlatlist
。ただし、代わりにボタンのみを使用するFlatlist
と機能します。Flatlist
renderItemで機能しないのはなぜですか?
_listener = () => {
alert("clicked");
}
renderItem({item, index}){
return<View>
<Button
title = "Button"
color = "#ccc"
onPress={this._listener}
/>
</View>
}