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