Flutter用Row实现左右布局的方式

这个代码中关键的是最外层的Container,大家知道通过mainAxisAlignment: MainAxisAlignment.spaceBetween设置成左右,但是发现不起作用

原因就是Row不知道外层空间的宽度,没法计算要撑开多宽,所以加上Container并指定一个宽度即可。

Container(
	width:  MediaQuery.of(context).size.width,
	child: Row(
		mainAxisAlignment: MainAxisAlignment.spaceBetween,
		children: [
		  Padding(
			padding: EdgeInsets.only(top:0,left: 0,right: 0,bottom: 0),
			child:Row(
			  children: [
				Text(
				  "111111",
				  textAlign:TextAlign.left,
				  style: TextStyle(
					  color: Color(0xffEB5405) ,
					  fontSize: 16,
					  fontWeight: FontWeight.w500
				  ),
				),
				Text(
				  "2222222",
				  textAlign:TextAlign.left,
				  style: TextStyle(
					color: Color(0xff999999) ,
					fontSize: 12,
				  ),
				),
			  ],
			),
		  ),

		  Padding(
			padding: EdgeInsets.only(top:0,left: 0,right: 0,bottom: 0),
			child:Row(
			  mainAxisAlignment: MainAxisAlignment.center,
			  crossAxisAlignment: CrossAxisAlignment.center,
			  children: [
				IconButton(
				  icon: new Icon(Icons.remove_circle_outline_rounded),
				  color: Color(0xff999999),
				  onPressed: _minusCountAction,
				  iconSize: 20,
				),
				Text(
				  _count.toString(),
				  textAlign:TextAlign.center,
				  style: TextStyle(
					color: Color(0xff222222) ,
					fontSize: 18,
				  ),
				),
				IconButton(
				  icon: new Icon(Icons.add_circle_outline_rounded),
				  color: Color(0xff999999),
				  onPressed: _addCountAction,
				  iconSize: 20,
				),
			  ],
			),
		  ),
		]
	),
),


本站内容来源于作者发布和网络转载,如有版权相关问题请及时与我们取得联系,我们将立即删除。

 关于作者
 热门教程
通过Git下载和提交代码的命令记录
安装好git后: 1、配置邮箱 git config --global user.name ymbok git con
2023-08-15
剑道仙尊
59
通过ADB在Android系统中快捷截屏和录屏的方法
连上ADB线后: 截图 创建一个BAT文件,用于截图,直接双击运行即可将图片保存到D:\screenshot目录,提前
2023-08-15
剑道仙尊
105
Android12 源码下载与编译
下载Android12 源码 sudo apt-get update 安装curl sudo apt install
2023-04-25
剑道仙尊
125
android生成签名文件jks并获取SHA1
打开Android Studio终端,输入: keytool -genkey -alias app -keyalg R
2022-07-13
剑道仙尊
93
Flutter开发APP更改状态栏文字颜色
void main(){ runApp(MyApp()); /// 状态栏文字黑色 SystemChrome
2022-06-09
剑道仙尊
132
Android Swicth按钮样式自定义
<Switch android:id="@+id/switch_btn" android:layout_wi
2022-06-07
剑道仙尊
133
Pagging3写起来太麻烦,简单封装及其简单
Pagging3分页写起来很麻烦,这里分享一下我的简化开发的方法,思路就是把获取数据的函数分离出来 首先定义一个基础的
2022-06-07
剑道仙尊
187
在项目中使用Hilt Retrofit使用总结
直接开始,首先我们看看怎么使用Hilt编写 Retrofit 接口请求类 用@Provides注解定义可注入的实例的提
2022-06-07
剑道仙尊
197
Android Jetpack Paging 3 下拉刷新和加载更多代码示例
使用Paging3实现列表的下拉刷新和加载更多 首先定义列表布局文件 <androidx.swiperefres
2022-06-07
剑道仙尊
434
StatefulBuilder实现Dialog的刷新
在Flutter中使用Dialog时,因为 showDialog返回的context与当前页面的 context不是同
2022-06-07
剑道仙尊
136