【问题标题】:React Native list view does not render whole listReact Native 列表视图不会呈现整个列表
【发布时间】:2016-07-08 19:13:13
【问题描述】:

我有一个简单的示例应用程序,它尝试在列表视图中呈现 100 行。 我想要实现的是在安装视图后全部渲染它们,以便用户可以平滑滚动整个列表。 正如您在下面的示例中所见,它仅在向下滑动列表后才会呈现即将到来的行,这使得引用速度变慢。 我试图将“initialListSize”道具设置为数据数组的长度,但这似乎并没有改变任何东西。 任何想法如何呈现整个列表?

Sample App

【问题讨论】:

    标签: listview reactjs react-native


    【解决方案1】:

    尝试添加 ListView 道具:

    removeClippedSubviews={false}
    

    This is the docs about this props you just added

    还有看看道具pageSize,docs

    【讨论】:

    • 谢谢。 pageSize 和 scrollRenderAheadDistance 是控制列表视图如何呈现屏幕外行的方法。
    • @karol.barkowski 请将这个答案标记为解决方案。谢谢。
    • 这对我不起作用,但确实如此:ListView 道具上的 initialListSize={1000}。 (只是一个很大的数字,所以它会遍历所有最初可见的行。我有一个网格视图布局,所以也许这就是为什么接受的答案对我不起作用。
    猜你喜欢
    • 2023-04-03
    • 2022-01-10
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2022-12-15
    • 2018-11-28
    • 2016-04-06
    • 2017-02-20
    相关资源
    最近更新 更多