React 基本のstyleちょこっと

React Native

flex: 1

指定されているスペースと同じ、つまりその場いっぱいに適用される

flexDirection: "colum"
flexDirection: "row"

columはその中にある要素（ちなみにこれが子って言われるやつ）が縦に並ぶ
何も指定しなかったら勝手にcolumになる。
rowは要素が横に並ぶ

alignItems: "center"
alignItems: "flex-start"
alignItems: "flex-end"

予想つくかもやけど
上から中央揃え、左揃え、右揃え

justifyContent: "center"
justifyContent: "flex-start"
justifyContent: "flex-end"

これはflexDirectionの軸に対してどうやって寄せるか。。。？は？
つまりーーー箱が３つあってflexDirectionがcolumでflexDirectionがcenterだったら真ん中に箱が３つ縦に”画面のど真ん中で”並ぶ
flexDirectionがrowでflexDirectionがcenterだったら画面の真ん中で横に３つ並ぶってことやな

まあわからんかったら色んな組み合わせでやってる！！