跳到主要内容
新架构实战课 实操 + 基建 + 原理全维度包揽,抢先掌握 React Native 新架构精髓 立即查看 >Version: 0.72

RefreshControl

这一组件可以用在 ScrollView 或 FlatList 内部,为其添加下拉刷新的功能。当 ScrollView 处于竖直方向的起点位置(scrollY: 0),此时下拉会触发一个onRefresh事件。

示例

注意: refreshing是一个受控属性, 所以必须在onRefresh函数中设置为 true,否则 loading 指示器会立即停止。


文档

Props

refreshing

视图是否应该在刷新时显示指示器。

类型必需
bool

onRefresh

在视图开始刷新时调用。

类型必需
function

colors

指定至少一种颜色用来绘制刷新指示器。

类型必需平台
array of colorAndroid

enabled

指定是否要启用刷新指示器。

类型必需平台
boolAndroid

progressBackgroundColor

指定刷新指示器的背景色。

类型必需平台
colorAndroid

progressViewOffset

指定刷新指示器的垂直起始位置(top offset)。

类型必需平台
numberAndroid

size

指定刷新指示器的大小,具体数值可参阅 RefreshControl.SIZE.

类型必需平台
enum(RefreshLayoutConsts.SIZE.DEFAULT, RefreshLayoutConsts.SIZE.LARGE)Android

tintColor

指定刷新指示器的颜色。

类型必需平台
coloriOS

title

指定刷新指示器下显示的文字。

类型必需平台
stringiOS

titleColor

指定刷新指示器下显示的文字的颜色。

类型必需平台
coloriOS