【问题标题】:React Native GIFs really low performanceReact Native GIF 的性能真的很低
【发布时间】:2021-01-09 18:48:10
【问题描述】:

我正在使用“react-native”中的 Image 组件在 ScrollView 中渲染 30 个 GIF(不是在 FlatList 中,因为我已经实现了 Masonry 布局),内存消耗从 130MB 到 500MB...

当我使用 react-navigation 并使用 mode="modal" 在堆栈屏幕中渲染 gif 时,我添加了 the screen optiondetachPreviousScreen={true} 但是,当我从这个堆栈屏幕返回(关闭它)时,RAM 仍然是 500MB。

另外,当我将应用程序置于后台模式(例如更改为另一个应用程序)并再次打开它时,RAM 变为初始值 130...(似乎释放了 GIF 内存消耗)

有人知道如何解决这个问题吗?

我也使用 react-native-screens enableScreens() 进行了测试,但由于某些原因,在我将 EXPO SDK 升级到版本 40 后应用程序没有显示(它适用于以前的 SDK)

【问题讨论】:

    标签: javascript react-native performance expo react-navigation


    【解决方案1】:

    好吧,我遇到的问题是我没有使用来自 API 的 JSON 响应中的“preview_gif”正文中的 GIF,它的大小更小。

    另外,使用 RN 默认的 Image 组件,加载有点慢,所以我不得不使用自己优化的 Image 组件。 (另一种解决方案是使用 react-native-fast-image)

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2018-04-01
      • 2019-01-17
      • 2016-11-29
      • 2023-04-11
      • 1970-01-01
      • 2015-08-26
      • 2017-02-27
      • 1970-01-01
      相关资源
      最近更新 更多