1.AppRegistry模塊則是用來告知React Native哪一個組件被注冊為整個應(yīng)用的根容器清女。一般在整個應(yīng)用里AppRegistry.registerComponent這個方法只會調(diào)用一次。
2.Props(屬性 ) : 大多數(shù)組件在創(chuàng)建時就可以使用各種參數(shù)來進(jìn)行定制租悄。用于定制的這些參數(shù)就稱為props(屬性)。
3.<Image? source = {pic} style{{width ; 120,height:120}} />,請注意{pic}外圍有一層括號佣赖,我們需要用括號來把pic這個變量嵌入到JSX語句中恰矩。括號的意思是括號內(nèi)部為一個js變量或表達(dá)式记盒,需要執(zhí)行后取值憎蛤。因此我們可以把任意合法的JavaScript表達(dá)式通過括號嵌入到JSX語句中。
4.render就是渲染的意思。而渲染俩檬,就是這樣一個過程萎胰,瀏覽器根據(jù)頁面的html代碼、css定義棚辽、javascript腳本的操作技竟,在瀏覽器上按照一定的規(guī)范(傳說中的 DOCTYPE )顯示出相應(yīng)的內(nèi)容。
5.我們使用兩種數(shù)據(jù)來控制一個組件:props和state屈藐。props是在父組件中指定榔组,而且一經(jīng)指定,在被指定的組件的生命周期中則不再改變联逻。 對于需要改變的數(shù)據(jù)搓扯,我們需要使用state。
6.實際開發(fā)中組件的樣式會越來越復(fù)雜包归,我們建議使用StyleSheet.create來集中定義組件的樣,{[styles.bigblue,styles.bigred]}
7.注冊應(yīng)用(registerComponent)后才能正確渲染锨推,注意:只把應(yīng)用作為一個整體注冊一次,而不是每個組件/模塊都注冊公壤。
8.Flex Direction 在組件的style中指定flexDirection可以決定布局的主軸换可。子元素是應(yīng)該沿著水平軸(row)方向排列,也可以沿著豎直軸(column)方向排列厦幅,默認(rèn)值是豎直軸(column)方向沾鳄。
9.Justify Content :在組件的style中指定justifyContent可以決定其子元素沿著主軸的排列方式。子元素是應(yīng)該靠近主軸的起始端還是末尾段分布呢确憨?亦或應(yīng)該均勻分布洞渔?對應(yīng)的這些可選項有:flex-start、center缚态、flex-end磁椒、space-around以及space-between。
10.Align Items:在組件的style中指定alignItems可以決定其子元素沿著次軸(與主軸垂直的軸玫芦,比如若主軸方向為row浆熔,則次軸方向為column)的排列方式。子元素是應(yīng)該靠近次軸的起始端還是末尾段分布呢桥帆?亦或應(yīng)該均勻分布医增?對應(yīng)的這些可選項有:flex-start、center老虫、flex-end以及stretch叶骨。