如果是第一個控件,margin將參照父控件伟姐,如果不是第一個控件,將參照上一個控件愤兵。
什么時候用{}:
包裝對象的時候使用{};
表達(dá)式時候用{};
變量也需要使用{}包裝起來,如:var str = @"hello",<Text>{str}</Text>;
包裝組件標(biāo)簽的時候用{}懦鼠。
注意:當(dāng)設(shè)置了尺寸時候,marginRight和marginBottom可能就無效了街氢。
只有一個子控件時候珊肃,使用css布局馅笙;
當(dāng)布局很多子控件時時伦乔,就使用flex布局:
方向flexDirection(主軸):row、row-reverse董习、column烈和、column-reverse;側(cè)軸為與主軸垂直的方向
換行:flexWrap皿淋,默認(rèn)情況下不換行
具體布局:justifyContent招刹,有五個值:center/flex-start/flex-end/space-between(每個控件之間等間距)/space-around(每行第一個之前和最后一個之后也有間距)
側(cè)軸方向布局:alignItems,決定控件在側(cè)軸上的位置窝趣,有四個值:flex-start/flex-end/center/stretch
定義單個控件自己的側(cè)軸布局:alignSelf疯暑,共五個值:auto(如果沒有定義,就跟隨父控件的alignItems哑舒,如果沒有父容器缰儿,就為stretch)/flex-start/flex-end/center/stretch
在主軸上占據(jù)的份額:flex,根據(jù)占總flex的比例劃分散址。
RN的組件屬性Props和Statu
- App開發(fā)過程中少不了組件之間傳值,在RN中宣赔,組件之間傳值需要使用Props和State儒将。
- Props(屬性):一般用于自定義組件贡翘,大多數(shù)組件在創(chuàng)建時就可以使用各種參數(shù)來進(jìn)行定制,用于定制的這些參數(shù)就成為Props踊东。