Flatlist 更改 renderItem

【问题标题】：Flatlist change renderItemFlatlist 更改 renderItem
【发布时间】：2017-09-01 08:08:53
【问题描述】：

嘿，假设我有一个FlatList 并想更改它的renderItem 我该怎么做？

<FlatList
  data={this.data}
  renderItem={{item}} => <Video id={item.id}>}
  onViewableItemsChanged={(changed)=> console.log(changed)}
/>

在上面的代码中，一旦触发了onViewableItemsChanged，我如何更改<Video /> 以包含paused 属性？

提前致谢

【问题讨论】：

【解决方案1】：

您可以在onViewableItemsChanged 中添加setState 以存储更改，然后在renderItem 中使用它来暂停视频。

【讨论】：

你能给我一个上面代码的例子吗？ <FlatList data={this.data} renderItem={{item}} => <Video id={item.id} paused={this.state.paused}>} onViewableItemsChanged={(changed)=> changed && this.setState({paused:true})} /> 上面的代码不是会改变状态，这意味着它会暂停渲染列表本身中的所有视频吗？我的意思是状态不会直接应用于 1 个索引项，但所有呈现的视频都不是真的吗？