[ FlutterLog_flutter 右对齐">
赞
踩
实现行中两个控件分别左对齐和右对齐,方式有很多,示例代码如下:
方式一:使用spaceBetween对齐方式
- new Row(
- mainAxisAlignment: MainAxisAlignment.spaceBetween,
- children: [
- new Text("left"),
- new Text("right")
- ]
- );
方式二:中间使用Expanded自动扩展
- Row(
- children: <Widget>[
- FlutterLogo(),//左对齐
- Expanded(child: SizedBox()),//自动扩展挤压
- FlutterLogo(),//右对齐
- ],
- );
方式三:使用Spacer自动填充
- Row(
- children: <Widget>[
- FlutterLogo(),
- Spacer(),
- FlutterLogo(),
- ],
- );
方式四:使用Flexible
- Row(
- children: <Widget>[
- FlutterLogo(),
- Flexible(fit: FlexFit.tight, child: SizedBox()),
- FlutterLogo(),
- ],
- );
效果如下
Copyright © 2003-2013 www.wpsshop.cn 版权所有,并保留所有权利。