【问题标题】:Render large list of images React Native渲染大量图像 React Native
【发布时间】:2022-01-02 10:36:01
【问题描述】:

我想渲染大约 1200 个带有图像轮播的项目,就像下面屏幕上显示的那样反应原生

FlatList 的工作速度太慢了。令人惊讶的是,对于图像,ScrollView 效果更好,但是当它增加 1200 个元素时,它的工作速度非常慢。

有人知道如何渲染这么多元素吗?谢谢。

【问题讨论】:

    标签: reactjs list react-native react-native-flatlist


    【解决方案1】:

    试试这些有助于控制渲染项目数量的道具,如windowSizemaxToRenderPerBatch initialNumToRender 。 它可能有助于提高性能

    【讨论】:

    • FlatList 也有这些道具,因为 FlatList 是使用 VirtualizedList 构建的,并且正如文档所述 VirtualizedList should only really be used if you need more flexibility than FlatList provides, e.g. for use with immutable data instead of plain arrays.
    • @UgurEren 我的错,谢谢你提醒我
    • 谢谢你的回答,我试试
    猜你喜欢
    • 1970-01-01
    • 2018-03-23
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-03-23
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多