react-native中的性能优化

先介绍一个生命周期方法shouldComponentUpdate

优化过程:

在自己代码里所有render方法内添加一行代码

console.debug('[render]  componetName');// componetName当前组件名称,便于与其他组件做分区的

目的在于只要执行了当前组件的render方法,触发了渲染,就可以知道是哪个组件触发,相当于人为监听吧;

然后打开Chrome,app打开debug,Chrome内只选择Verbose,屏蔽掉其他不必要的log内容;

然后依次打开app中的每一个页面,查看log,了解每次操作都触发了哪些组件的重新渲染,是否有必要所有的组件都应该重新渲染,然后根据log内的内容,关闭到不必要的渲染.

通过开头介绍的方法,来管理组件的渲染,使得其只在需要的时候再重新渲染,可以极大效率的提升性能;