react native 性能优化

• Z时代
• 2024-01-10
• 分类：综合

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