那今天是補充一些之前沒講到的元件
還有一些碰到的問題

Spacer()
他就是一個空白元件
生成一個大空格
讓你的元件與元件間隔出一個空位
你可以配合堆疊去做更多配合
詳細的連結如下
堆疊深入

在連結裡面他有詳細提到元件堆疊的配合

那我這邊就提到堆疊的alignment
也就是裡面元件的擺放

vstack

vstack 的 HorizontalAlignment 水平對齊
定義了
center leading trailing
中間 最前面 最後面

hstack

hstack 的 VerticalAlignment 垂直對齊
定義了
bottom center top
最下層 中間 頂端

firstTextBaseline
lastTextBaseline
對齊選項按文本基線對齊視圖(最前者與最後者)
簡單來說就是根據文本最前者或後者對齊

zstack

最後是 zstack
除了 最初提到的 center leading trailing bottom top
還有
bottomLeading bottomTrailing
topLeading topTrailing
其實就是
最左下方 最右下方
最左上方 最右上方
去做堆疊
當然都是以最下面程式碼
擺在元件的最上方