使用extraDataFlatList 组件上的属性。

正如文档所述：

通过传递extraData={this.state}给FlatList我们确保FlatList在state.selected更改时会重新渲染自身。如果没有设置这个props，FlatList就不会知道它需要重新渲染任何项目，因为它也是一个PureComponent并且props比较不会显示任何变化。

快速简单的解决方案尝试：

1. 将额外数据设置为布尔值。

   extraData={this.state.refresh}

2. 当你想重新渲染/刷新列表时切换布尔状态的值

   this.setState({ 
       refresh: !this.state.refresh
   })
   

哦，这很简单，只需使用 extraData

您会看到额外数据在幕后工作的方式是FlatList或VirtualisedList只是检查该对象是否已通过正常onComponentWillReceiveProps方法更改。

所以你所要做的就是确保你给extraData.

这是我所做的：

我正在使用immutable.js，所以我所做的就是传递一个包含我想观看的任何内容的 Map（不可变对象）。

<FlatList
    data={this.state.calendarMonths}
    extraData={Map({
        foo: this.props.foo,
        bar: this.props.bar
    })}
    renderItem={({ item })=>((
        <CustomComponentRow
            item={item}
            foo={this.props.foo}
            bar={this.props.bar}
        />
    ))}
/>

这样，当this.props.foo或this.props.bar更改时，我们CustomComponentRow将更新，因为不可变对象将与前一个不同。

好的，我刚刚发现如果我们想让 FlatList 知道 data prop 之外的数据变化，我们需要将它设置为 extraData，所以我现在这样做：

<FlatList data={...} extraData={this.state} .../>

参考：https : //facebook.github.io/react-native/docs/flatlist#extradata

如果你打算有一个按钮，你可以在 onPress 中使用 setState 更新数据。然后 SetState 将重新呈现您的 FlatList。