Flutter中Row中的子控件左右兩端對齊

Container(// padding: EdgeInsets.only(left: 20, right: 20),margin: EdgeInsets.only(top: 20, left: 20, right: 20),width: 500,height: 500,decoration: BoxDecoration(borderRadius: BorderRadius.circular(5), color: Colors.blue),child: Column(children: [//第一種 利用expandedContainer(color: Color(0xFFF6F6F6),height: 50,child: Row(crossAxisAlignment: CrossAxisAlignment.start,children: [Text("名稱"),Expanded(child: Container(alignment: Alignment.topRight,child: Text("Expanded")),)],),),//第二種用 row 的熟悉屬性Container(color: Color(0xFFF6F6F6),height: 50,child: new Row(mainAxisAlignment: MainAxisAlignment.spaceBetween,children: [new Text("名稱"),new Text("spaceBetween"),],),),//第三種 spacerContainer(child: new Row(children: [new Text("名稱"),Spacer(),new Text("Spacer"),],),),// //第四種 FlexibleContainer(child: new Row(children: [new Text("名稱"),Flexible(fit: FlexFit.tight, child: SizedBox()),new Text("Flexible"),],),),],),)

總結

以上是生活随笔為你收集整理的Flutter中Row中的子控件左右两端对齐的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。