react native 性能优化

react native 性能优化

1.按钮防重复点击(throttle节流)

2.输入框输入时接口多次调用造成页面多次渲染(debounce去抖)

3.简单的动画效果如缩放、透明度,使用LayoutAnimation完成

4.整个页面从下往上弹出的、透明显示的可以使用modal的动画效果

5.跳转下一个页面(有耗时操作),使用InteractionManager

6.组件的加载:在使用的时候再进行加载,不需要进入页面就加载。比如:点击按钮显示一个组件

7.改变图片组件的大小,使用缩放transform

8.针对复杂的方法体,使用requestAnimationFrame包裹

9.循环创建组件时,给定key

10.小图标使用iconfont代替

转自:https://www.jianshu.com/p/a6e3fb3dfec3

相关文章:

  • 2021-08-18
  • 2021-09-25
  • 2021-07-18
  • 2022-02-07
猜你喜欢
  • 2021-08-27
  • 2021-06-23
  • 2021-04-28
  • 2022-12-23
  • 2022-03-06
  • 2021-12-02
  • 2021-06-20
相关资源
相似解决方案