Spacer 與 Expanded

同事問了我就寫一下。

我們在 Column 裡有時會放 Spacer(),插在中間可以把其他元件用剩的空間填滿,實現左邊元件歸左邊,右邊元件歸右邊的效果。

同事問的是,現在的元件中,頭尾都有元件外,中間有個 TextView 與 Spacer,那他想把 TextView 占滿以讓它的 overflow 設成 ellipsis 的時候達到想像中的效果,Spacer 要不要拿掉?

首先要知道,Expanded 是一個 fit: FlexFit.tight 的 Flexible,而 Spacer 也只是包著 SizedBox.shrink() 的 Expanded。

所以問題的答案是:要拿掉。

否則 Expanded 與 Spacer 會分掉剩餘空間。

留言

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *