flexDirection容器屬性: row | row-reverse | column | column-reverse 該屬性決定主軸的方向（即專案的排列方向）。 row：主軸為水平方向，起點在左端。 row-reverse：主軸為水平方向，起點在右端。 column(預設值)：主軸為垂直方向，起點在上沿。 column-reverse：主軸為垂直方向，起點在下沿。

justifyContent容器屬性:flex-start | flex-end | center | space-between | space-around 定義了伸縮專案在主軸線的對齊方式 flex-start(預設值)：伸縮專案向一行的起始位置靠齊。 flex-end：伸縮專案向一行的結束位置靠齊。 center：伸縮專案向一行的中間位置靠齊。 space-between：兩端對齊，專案之間的間隔都相等。 space-around：伸縮專案會平均地分佈在行裡，兩端保留一半的空間。

alignItems容器屬性:flex-start | flex-end | center | baseline | stretch 定義專案在交叉軸上如何對齊，可以把其想像成側軸（垂直於主軸）的“對齊方式”。 flex-start：交叉軸的起點對齊。 flex-end：交叉軸的終點對齊 。 center：交叉軸的中點對齊。 baseline：專案的第一行文字的基線對齊。 stretch（預設值）：如果專案未設定高度或設為auto，將佔滿整個容器的高度。

fontSize?: number; 字型大小 fontWeight?: “normal” | “bold” | “100” | “200” | “300” | “400” | “500” | “600” | “700” | “800” | “900”; 字型加粗 textAlign?: “auto” | “left” | “right” | “center” | “justify”; 文字對齊方式 position?: “absolute” | “relative”; 在控制元件中的位置 內|外 bottom?: number; 底部距離 paddingVertical: number; 底部外邊距