在日历上反应原生的慢速性能

时间:2017-09-05 05:13:09

标签: performance reactjs user-interface optimization react-native

我已经尝试过很多开源RN Calendar组件,所有这些组件似乎都存在性能问题。

我在CalendarList内使用FlexBox使用简单的网格布局构建了自己的FlatList,并且由于渲染性能问题,它也变为不可用。 / p>

根据Perf Monitor,有 1200次观看(13个月显示x 85次/月)组件。更新1200

时,Bridge似乎被卡住了

似乎问题是日历有大约300个组件,RN无法在不干扰JS线程的情况下进行更新。

我尝试过的解决方法:

  • 使用setNativeProps执行更新。
  • 使用getItemLayout跳过FlatList测量。
  • 缓存组件(不做出反应的方式)
  • 使我的所有组件PureComponents更快。
  • 显示等待日历呈现的占位符(不漂亮且仍然阻塞UI)

我想知道人们如何在React Native中使用日历列表,因为我无法快速执行。

0 个答案:

没有答案