層疊布局,子組件可以根據(jù)距父容器四個(gè)角的位置來確定自身的位置
Stack允許子組件堆疊他宛,而Positioned用于根據(jù)Stack的四個(gè)角來確定子組件的位置船侧。
Stack
Stack({
Key key,
this.alignment = AlignmentDirectional.topStart,
this.textDirection,
this.fit = StackFit.loose,
this.overflow = Overflow.clip,
this.clipBehavior = Clip.hardEdge,
List<Widget> children = const <Widget>[],
})
屬性說明
- alignment:此參數(shù)決定如何去對齊沒有定位(沒有使用Positioned)或部分定位的子組件。所謂部分定位厅各,在這里特指沒有在某一個(gè)軸上定位:left镜撩、right為橫軸,top队塘、bottom為縱軸袁梗,只要包含某個(gè)軸上的一個(gè)定位屬性就算在該軸上有定位。
- textDirection:和Row憔古、Wrap的textDirection功能一樣遮怜,都用于確定alignment對齊的參考系,即:textDirection的值為TextDirection.ltr鸿市,則alignment的start代表左锯梁,end代表右,即從左往右的順序焰情;textDirection的值為TextDirection.rtl陌凳,則alignment的start代表右,end代表左内舟,即從右往左的順序合敦。
- fit:此參數(shù)用于確定沒有定位的子組件如何去適應(yīng)Stack的大小。StackFit.loose表示使用子組件的大小验游,StackFit.expand表示擴(kuò)伸到Stack的大小充岛。
- overflow:此屬性決定如何顯示超出Stack顯示空間的子組件;值為Overflow.clip時(shí)耕蝉,超出部分會(huì)被剪裁(隱藏)崔梗,值為Overflow.visible 時(shí)則不會(huì)。(已經(jīng)廢棄)
- clipBehavior:此屬性決定如何顯示超出Stack的子組件是否被剪切赔硫;值為Clip.hardEdge時(shí)炒俱,超出部分會(huì)被剪裁(隱藏),值為Clip.none 時(shí)則不會(huì)爪膊,超出部分會(huì)顯示