Flutter快速上手7:基礎布局之層疊布局Stack

屬性名 類型 簡介
alignment AlignmentDirectional 決定子Widget如何對齊 ,默認值為 AlignmentDirectional.topStart
textDirection TextDirection 用于確定 alignment的對齊方向
fit StackFit 決定非positioned子Widget 如何去適應Stack的大小
overflow Overflow 如何顯示超出 Stack空間的 子widget
children List< Widget> 排列的子控件

在Stack布局中,通常會與另外兩個控件配合使用,它們是Align和Positioned,前者用于相對定位,后者用于絕對定位。

Align比較簡單,這里列一下Positioned的屬性

屬性名 類型 簡介
left double 離 Stack 左邊的距離
top double 離 Stack 上邊的距離
right double 離 Stack 右邊的距離
bottom double 離 Stack 底邊的距離
width double 設定子控件的寬度
height double 設定子控件的高度

例子見??登錄界面

本地Flutter 2.10.1,Mac版Android Studio Bumblebee | 2021.1.1 Patch 2
我是小栗子,初學Flutter ,文章會根據(jù)學習進度不定時更新,請多多指教~~

?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容