美文网首页
React Native FlatList组件

React Native FlatList组件

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

    相关文章

      网友评论

          本文标题:React Native FlatList组件

          本文链接:https://www.haomeiwen.com/subject/ylmnxrtx.html