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,
				),
			  ],
			),
		  ),
		]
	),
),


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

关于作者

还如一梦中 点击这里给我发消息

相关推荐

这些你应该也会喜欢

解决Flutter输入法遮挡页面问题

这个问题看网上有很多解决方法,发现几乎都是错误的,并且麻烦,这里有个简单的方法,借助bottom:MediaQuery.of(context).padding.bottom;这个bottom的值是系统...

2021-08-20 11:29:22 还如一梦中
Flutter给页面增加滚动SingleChildScrollView

使用SingleChildScrollView可以给页面增加滚动:late ScrollController _controller = ScrollController();SingleChildS...

2021-08-20 09:10:34 还如一梦中
2021Flutter发布package到Pub终极解决方案

整整折腾了1天半终于成功吧package上传到了pub上。先花了15在淘宝找人代注册了个google账户。先取消配置的环境变量FLUTTER_STORAGE_BASE_URL https://stor...

2021-05-27 11:49:52 还如一梦中
SpringBoot一梦支付系统搭建完全教程

懂Java Spring Boot的朋友可以选择性的参考被教程,小白就完全按步骤来吧!首先Linux系统安装宝塔,这个省略然后安装Java环境,有2种方式:第一种下载java8 sdk 然后设置Lin...

2021-07-13 19:18:28 还如一梦中
Oracle之分区数据删除

---查看分区的名字SELECT a.table_name,a.partition_name FROM user_tab_partitions  a WHERE a.table_name = 'TES...

2021-07-14 16:34:52 落花飞雪
Oracle之row_number() over()函数

      row_number() over()函数,用于给数据库表中的记录进行标号,在使用的时候,其后还跟着一个函数 over(),而函数 over() 的作用是将表中的记录进行分组和排序即:RO...

2021-07-14 16:31:02 落花飞雪
Oracle之rownum不能使用大于>的问题

    今日在写sql测试突然发现rownum进行“、=、=、between...and”运算时语法不报错但查不出一条记录,而“、=、!=”运算却可以,起初以为sql写的有问题,反复确认后亦之,故网上...

2021-07-01 13:44:30 落花飞雪
Oracle之Top写法

由于Oracle不支持select top 语句,所以在Oracle中经常是用order by 跟rownum的组合来实现select top n的查询。实现方法如下所示:select 列名1 ......

2021-07-01 11:36:01 落花飞雪
StatefulBuilder实现Dialog的刷新

在Flutter中使用Dialog时,因为showDialog返回的context与当前页面的context不是同一个,所以通过setState是无法刷新Dialog里面的页面的。这时我们就可以用St...

2021-06-21 17:08:14 还如一梦中
Flutter 输入控件TextField设置内容并保持光标在末尾

///默认的Controller if (widget.controller == null) { defaultController = TextEditingController.from...

2021-06-28 17:59:23 还如一梦中
在线客服