美文网首页
ReactNative性能优化总结 (持续更新ing)

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

作者: 亦晴工作室 | 来源:发表于2017-08-02 14:49 被阅读168次

    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)

    相关文章

      网友评论

          本文标题:ReactNative性能优化总结 (持续更新ing)

          本文链接:https://www.haomeiwen.com/subject/avaelxtx.html