Как визуализировать кнопки в плоском списке реагировать на родной?

Question

У меня есть две кнопки, которые я пытаюсь отобразить в плоском списке, чтобы он повторялся и отображался несколько раз в виде списка. Как мне это сделать?

<FlatList
  data={this.state.data}
  extraData={this.state}
  renderItem={this.renderItem}
  keyExtractor={items => items.id}
/>
<TouchableOpacity onPress={this.onPressButtonPlay.bind(this)}>
  <Text style={styles.buttonText}> </Text>
</TouchableOpacity>

<TouchableOpacity onPress={this.onPressButtonPause.bind(this)}>
  <Text style={styles.buttonText}>{this.state.pause ? 'Resume' : 'Pause'}</Text>
</TouchableOpacity>

Answer 1

Просто вставьте его в функцию renderItem:

renderItem = ({item}) => {
  return(
      <TouchableWithoutFeedback>
        <TouchableOpacity>
            {this.renderButton()}
        </TouchableOpacity>
      <TouchableWithoutFeedback>
  );
}