Question

我正在尝试设置反应原生的平面列表的刷新指示器，但不知道该怎么做。列表视图有这个道具：

refreshControl={<RefreshControl
                        colors={["#9Bd35A", "#689F38"]}
                        refreshing={this.props.refreshing}
                        onRefresh={this._onRefresh.bind(this)}
                    />
                }

但Flat List只有这些：

refreshing={this.props.loading}
onRefresh={this._onRefresh.bind(this)}

Answer 1

我找到了解决方案！它可能是虚拟的，但FlatList也有一个名为refreshControl的道具，就像ListView一样，但我只是没有测试它！就像这样：

refreshControl={
    <RefreshControl
        colors={["#9Bd35A", "#689F38"]}
        refreshing={this.props.refreshing}
        onRefresh={this._onRefresh.bind(this)}
    />
}

Answer 2

您可以使用上面显示的相同renderScrollComponent组件将RefreshControl传递到FlatList组件。我为此创建了一个世博小吃：https://snack.expo.io/rJ7a6BCvW

FlatList在其自身内部使用VirtualizedList，而对于VirtualizedList组件，它需要renderScrollComponent：https://facebook.github.io/react-native/docs/virtualizedlist.html#renderscrollcomponent

如何在本机中设置FlatList的刷新指示器？

2 个答案: