ReactNative性能优化总结 (持续更新ing)

1、声明方法函数时,要尽量使用 方法名= ()=> {},这样会减少方法引用的次数。然后在调用的时候,直接使用this.方法名即可。
2、只有 shouldComponentUpdate 返回true的时候才会更新页面。。比较this.props的isClicked属性(属性看自己情况而定)与newProps的isClicked属性是否相同。

    shouldComponentUpdate(newProps, newState){
            if(swllowArrayCompare(this.props.isClicked, newProps.isClicked)){
                    renturn  true;
            }
            return false;
       }

3、使用属性的时候,如果不需要重新渲染的属性,直接在state外面声明即可,调用的时候 this.属性名,这样就不会调用render函数了,不会重新渲染界面。
4、在render中使用const {属性}= this.prps,直接使用属性名就可以调用。这样可以不用再state里面使用了,减少了渲染的次数。
5、推迟render的过程,在数据请求完之后,使用

InteractionManager.runAfterInteractions( ()=> {this.setStates({})})

6、使用mbox,只改变需要改变的,不重新全部渲染。
(可参照http://www.jianshu.com/p/bbf9837443f3)

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,314评论 19 139
  • 最近两天,有做一件事,那就是分享主题曲,而且是那种有些年代的歌曲。 源头就是因为整理过往的磁带,回忆扑面而来,那些...
    怡儿话书影阅读 2,571评论 0 1
  • 01 去一处自己不熟悉的地方 有同学推荐的定位,决定按图索骥,预感很有吸引力。 在推荐理由当中,有一条十分符合我的...
    宛悦派阅读 2,778评论 4 4
  • 5月20日,桑海给他暗恋了许久的女生达莲发了个红包。 女生回复:什么呀?简直是受宠若惊!心意收到啦,红包就不拆啦!...
    寒塘1840阅读 1,527评论 0 0