0
点赞
收藏
分享

微信扫一扫

简单聊聊react-native的一些性能优化方法总结

钟罗敏 2022-06-20 阅读 119

一、提升渲染性能

1、对于交互频繁的组件,采用原生封装 2、业务层减少render次数和范围 3、减少不必要的组件属性

二、加载性能优化

1、lazy module lazy Require改造

2、拆分业务包和框架common包

3、Preload Common 或者业务包

三、内存回放

1、定制系统图片内存回收Api

2、新增内存回收的容器组件

3、优化Flatlist/Scrollview,架构层提供图

4、片组件回收API

四、手势优化

1、提供View层优势拦截Api

2、解决多个Scrollview嵌套手势问题

3、定制手势处理组件 react-native主要通过JSBridge跟native交互

react-native重构

1、增加了JSIobject数据结构类型

2、相比原有的架构,增加c++的组件和api封装

3、UI组件shadow tree从java层移动到C++

4、不再依赖JSBridge

举报

相关推荐

0 条评论