React Native FlatList组件

2021-12-06  本文已影响0人  老胡写着玩

ListHeaderComponent

头部组件,可以是 React Component, 也可以是一个 render 函数,或者渲染好的 element。

ListFooterComponent

尾部组件。可以是 React Component, 也可以是一个 render 函数,或者渲染好的 element。

ListEmptyComponent

列表为空时渲染该组件。可以是 React Component, 也可以是一个 render 函数,或者渲染好的 element。

onRefresh

() => void

类型function,如果设置了此选项,则会在列表头部添加一个标准的RefreshControl控件,以便实现“下拉刷新”的功能。同时你需要正确设置refreshing属性。

refreshing

类型boolean,在等待加载新数据时将此属性设为 true,列表就会显示出一个正在加载的符号。

onEndReachedThreshold

类型number,决定当距离内容最底部还有多远时触发onEndReached回调。注意此参数是一个比值而非像素单位。比如,0.5 表示距离内容最底部的距离为当前列表可见长度的一半时触发。

onEndReached

(info: {distanceFromEnd: number}) => void

类型function,当列表被滚动到距离内容最底部不足onEndReachedThreshold 的距离时调用。

initialNumToRender

类型number,指定一开始渲染的元素数量,最好刚刚够填满一个屏幕,这样保证了用最短的时间给用户呈现可见的内容。注意这第一批次渲染的元素不会在滑动过程中被卸载,这样是为了保证用户执行返回顶部的操作时,不需要重新渲染首批元素。

上一篇下一篇

猜你喜欢

热点阅读