1七、Flutter Widget - Spacer;

  RowColumn有能夠用來均勻分配子Widget的屬性mainAxisAlignmentflex

Row(
   mainAxisAlignment:MainAxisAlignment.spaceAround,
   children:[
    MyBox(),
    MyBox(),
    MyBox()
   ],
 )
複製代碼

  若是你想更個性化的實現子Widget的空間分配,可使用Spacer;spa

Row (
  children:[
    MyBox(),
    Spacer(),
    MyBox(),
    Spacer(),
    MyBox(),
],
)
複製代碼

  只須要添加Spacer實例到其餘Widget之間,他們就會擴大並創建額外的空間。可使用默認爲 1的flex屬性來定製其相對的尺寸:code

Row (
  children:[
    MyBox(),
    Spacer(),
    MyBox(),
    Spacer(flex:3),
    MyBox(),
],
)
複製代碼
相關文章
相關標籤/搜索