層疊佈局Stack、Positioned

Stack:絕對定位,spa

對齊沒有定位的或部分定位的子widget,部分定位指沒有在某一個軸上定位,left、right爲橫軸,top、bottom爲縱軸,只要包含某個軸上的一個定位屬性就算在該軸上定位
alignment:AlignmentDirectional.topStart
               topEnd
               topCenter
               centerStart
               center
               centerEnd
               bottomStart
               bottomCenter
               bottomEnd
 textDirection:TextDirection.ltr||rtl;
fit:此參數用於決定沒有定位的子widget如何去適應Stack的大小。表示使用子widget的大小,表示擴伸到Stack的大小。
overflow:此屬性決定如何顯示超出Stack顯示空間的子widget,值爲時,超出部分會被剪裁(隱藏),值爲 時則不會。StackFit.looseStackFit.expandOverflow.clipOverflow.visible
 

Positionedcode

Positioned(
  left:18.0
  right:
  top:
  bottom
  width:
  height:
  child:
)
Stack(
  alignment:Alignment.center ,
  fit: StackFit.expand,
  children:<Widget>[
    Positioned(
      left: 18.0,
      child: Text("I am Jack"),
    ),
    Container(child: Text("Hello world",style: TextStyle(color: Colors.white)),
      color: Colors.red,
    ),
    Positioned(
      top: 18.0,
      child: Text("Your friend"),
    )
  ]
)
相關文章
相關標籤/搜索