react native 性能优化

react

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

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

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

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

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

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

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

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

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

10.小图标使用iconfont代替

以上是 react native 性能优化 的全部内容, 来源链接: utcz.com/z/383782.html

回到顶部