React Native细节知识点总结<二>

1.关于React Native导出组件的export default和export的问题:

一个文件只能有一个export default,可以有多个export

export class Template{}
export class AnotherTemplate{}

文件的引用:

import {Template,AnotherTemplate} from './components/Templates';

 使用export default的引入:

import Template from './components/Templates';

注意:有default和没有default的区别在于:有default在引用时可以自定义名称,而没有default时需要使用{}括起来且名称必修和class名称一致

2.React Native 性能优化:

1>PureComponent:

在定义一个class时都会去继承Component,这并没有错,但是如果一个子组建也继承了Component,那么当父组建render时也会导致子组建的render,怎么解决呢?其实很简单只需要我们的子组建去继承PureComponent即可。个人建议自定义的class都可以去继承PureComponent从而避免不必要的render。

2>方法action用箭头=>

3> 通过shouldComponentUpdate的返回结果我们可以去控制什么时候应该render,什么情况应该render。

4>使用listview我们可以设置首次render时要渲染的ui数量,这样一定程度上优化了首次进入页面时所需要的渲染时间(renderHeader/pagesize)

5>把网络请求放在次方法中去处理,这样很大程度上可以解决首次进入时的卡顿。

6>使用Animated去处理一些简单的动画.

 

posted on 2017-06-15 17:28  玉思盈蝶  阅读(173)  评论(0编辑  收藏  举报

导航