如何在平面列表中顯示本機按鈕？

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>
  );
}