不使用 FlatList 拉取刷新

Question

我有一个从 API 呈现动态卡片的视图

<View>
 <Card>1</Card>
 <Card>2</Card>
 <Card>3</Card>
</View>

有没有办法对此视图进行下拉刷新？

在没有 FlatList 组件的情况下调用服务器并刷新此视图？

Answer 1

React-Native 的 RefreshControl 只能应用于 ScrollView。 （注意FlatList 实际上是ScrollView）。

因此，将您的 <Card /> 包装在 <ScrollView> 而不是 <View> 中，您可以将 RefreshControl 应用于它，如 docs 所示。

这里有一个示例小吃：https://snack.expo.io/Hk606OYKM