栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > 后端开发 > Java

Flutter开发:Row中的子控件左右两端对齐的设置方式

Java 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

Flutter开发:Row中的子控件左右两端对齐的设置方式

前言

在Flutter开发过程中,对于UI界面的布局操作也是很重要的技能,尤其是根据实际业务需求的等比例显示、等分展示、对称显示、两端对齐等等,这些都是比较常见的操作,那么本文就来分享一下关于两端对齐的设置,对于不熟悉布局的开发者来说可以好好了解一下,本文以Row中的子控件左右两端对齐的方式来介绍,方便查阅使用。

关于Row中的子控件左右两端对齐的方式有四种方式来设置,针对同一行的左右两端对齐的需求,很容易实现,而且实现方法也有四种:通过设置spaceBetween 对齐方式、通过使用Expanded 填充方式、通过使用 Spacer() 填充方式、通过使用 Flexible的方式,具体的四种方法如下所示。

方法一:通过设置 spaceBetween 对齐方式

通过设置 spaceBetween 对齐方式来实现左右两端对齐,主要是设置 Row 控件的属性mainAxisAlignment: MainAxisAlignment.spaceBetween,来设置的。具体示例如下所示:

Row(

  mainAxisAlignment: MainAxisAlignment.spaceBetween,

  children: [

    new Text("left"),

    new Text("right"),

  ]

);
转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/685430.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号