Flutter 2.11 頁面布局 Stack層疊組件 Stack與Align , Stack與Positioned實現(xiàn)定位布局

Stack 一個盒子內(nèi)多個組件 顯示不同的位置
Stack組件會把內(nèi)部的組件堆在一起顯示
使用Stack (alignment) 控制內(nèi)部組件的位置 Alignment 自己定義位置 [-1,-1] ~ [1,1]

當(dāng)Stack內(nèi)有多個組件的位置需要定位的時候
Stack結(jié)合 align 控制每個子控件的顯示位置

return Center(
      child:  Container(
          width: 400,
          height: 200,
          color: Colors.red,
          child: Stack(
            children: <Widget>[
         Align(
          child:Text('text'),
          alignment: Alignment(-1, -1),
        ),
         Align(
          child:Text('text'),
          alignment: Alignment(1, 1),
        ),
         Align(
          child:Text('text'),
          alignment: Alignment(0, 0),
        ),

            ],
          ),
        ),
    );


Stack結(jié)合 position 控制每個子控件的顯示位置
(position 距左 上 left bottom…right…)

Center 居中組件

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

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

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