乙個元件的生命週期有三個階段，分別是mounting，updating和unmounting。下面分別介紹三個階段中的方法。
一、mounting階段
1、getdefaultprops(es5) static defaultprops(es6) 為元件設定預設屬性
2、getinitialstate(es5) constructor(props)(es6) 對元件進行初始化
3、componentwillmount 元件掛載之前呼叫
4、render 元件渲染
5、componentdidmount 元件掛載完成
二、updating階段
1、componentwillreceiveprops(nextprops) 元件屬性（props）發生變化時呼叫
2、shouldcomponentupdate(nextprops, nextstate) 元件狀態（state）發生變化時呼叫，返回乙個布林值，若返回false，元件不會進行新的渲染；若返回true，繼續下一步
3、componentwillupdate(nextprops, nextstate) shouldcomponentupdate返回true後呼叫，元件將會被重新渲染
4、render 元件被重新渲染
5、componentdidupdate(prevprops, prevstate) 元件已經渲染完成
三、unmounting階段
1、componentwillunmount 元件將被解除安裝，可以完成對資源的**釋放
第一和第三階段的方法，除render外，只能被呼叫一次；第二階段的方法，可以被多次呼叫。
React Native 元件集合
1 display 該屬性用來指定元素是否為伸縮容器 flex inline flex flex用於產生塊級伸縮容器 inline flex用於產生行級伸縮容器 2 flexdirection 該屬性指定主軸方向 row row reverse column column reverse row 預...
ReactNative元件匯出
如果對rn開發有一定的了解的話，就會發現，reactnative提供的元件不能完全滿足開發的需求，就需要自定義一些元件，那麼如何匯出全域性的自定義元件呢？元件匯出有兩種形式 開發者一般使用預設元件匯出 首先在專案下面新建乙個資料夾rn design rn design就是乙個自己的元件庫類似於rea...
react native引導畫面元件
rn viewpager ios android react native material design android import from rn viewpager 引入必要依賴元件，其餘元件自行引入 style 必須flex 1 style 自定義右側頭部按鈕 style style 跳過...