打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
Flutter中Row中的子控件左右两端对齐

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: [
              //第一种 利用expanded
              Container(
                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"),
                  ],
                ),
              ),
              //第三种 spacer
              Container(
                child: new Row(
                  children: [
                    new Text("名称"),
                    Spacer(),
                    new Text("Spacer"),
                  ],
                ),
              ),
              // //第四种 Flexible
              Container(
                child: new Row(
                  children: [
                    new Text("名称"),
                    Flexible(fit: FlexFit.tight, child: SizedBox()),
                    new Text("Flexible"),
                  ],
                ),
              ),
            ],
          ),
        )
本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
从0开始学Flutter
Flutter之Container的宽度如何设置为手机屏幕宽度
Flutter 布局(三)- FittedBox、AspectRatio、ConstrainedBox详解
Flutter学习之旅——实用入坑指南
半小时带你入门 Flutter
Flutter 控制子组件隐藏/可见 的Offstage组件与Visibility组件
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服