column

代码:

Center(child: Column(
crossAxisAlignment: CrossAxisAlignment.center,
mainAxisAlignment: MainAxisAlignment.center,
 
children: <Widget>[
Text('xxxxxxx'),
Expanded(child: Text('xxxyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyxxxx') ,),
 
Text('xxxxxxx'),
 

],
),)
总结:

垂直布局

Column(

crossAxisAlignment: CrossAxisAlignment.xx 水平对齐

mainAxisAlignment:MainAxisAligenment.xx 垂直对齐

children:<widget>{

//文字

Text(‘xxx’),

Expanded(child:Text(‘xxyyyyyyyyyyyxx’),),

 

Text(‘xxx’),

//布局宽度是根据最长文字而定

想要整体居中 需要把column 放在center

中间文字弹性布局 可以使垂直布局撑满整个屏幕

 

 

}

 

 

)

猜你喜欢

转载自www.cnblogs.com/pp-pping/p/12162857.html