25

にクリックリスナーを追加するにはどうすればよい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と機能します。FlatlistrenderItemで機能しないのはなぜですか?

_listener = () => {
    alert("clicked");
}

renderItem({item, index}){
    return<View>
      <Button
          title = "Button"
          color = "#ccc"
          onPress={this._listener}
      />
    </View>
}
4

4 に答える 4