flutter - 在颤动中设置小部件对齐方式
问题描述
大家好,我想在产品详细信息文件中使用底部导航器,但我的行小部件中有两个容器。我想在左侧设置我的第一个容器(即旧价格和新价格列),还想在右侧设置我的第二个容器(即添加到购物车 btn)。我怎样才能做到这一点?
这是代码:
bottomNavigationBar: Material(
elevation: 7.0,
color: Colors.white,
child: Container(
height: 60.0,
width: MediaQuery.of(context).size.width,
color: Colors.white,
child: Row(
children: <Widget>[
Padding(
padding: const EdgeInsets.only(right: 10.0),
child: Container(
height: 40.0,
width: MediaQuery.of(context).size.width - 280.0,
decoration: BoxDecoration(
color: Color(0xfff40725),
borderRadius: BorderRadius.circular(10),
),
child: Center(
child: Text(
'Add to cart',
style: TextStyle(color: Colors.white,fontSize: 20.0,fontWeight: FontWeight.bold),
),
),
),
),
Padding(
padding: const EdgeInsets.only(left:8.0),
child: Container(
child: Column(
children: <Widget>[
Text("\$${widget.prod_old_price}",textAlign: TextAlign.left,style: TextStyle(fontSize: 18.0,color: Color(0xff989898),decoration: TextDecoration.lineThrough),),
Text("\$${widget.prod_price}",style: TextStyle(fontSize: 18.0,fontWeight: FontWeight.bold)),
],
),
),
),
],
),
),
),
解决方案
试试这个 :
bottomNavigationBar: Material(
elevation: 7.0,
color: Colors.white,
child: Container(
height: 60.0,
width: MediaQuery.of(context).size.width,
color: Colors.white,
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: <Widget>[
Padding(
padding: const EdgeInsets.only(right: 10.0),
child: Container(
height: 40.0,
width: MediaQuery.of(context).size.width - 280.0,
decoration: BoxDecoration(
color: Color(0xfff40725),
borderRadius: BorderRadius.circular(10),
),
child: Center(
child: Text(
'Add to cart',
style: TextStyle(color: Colors.white,fontSize: 20.0,fontWeight: FontWeight.bold),
),
),
),
),
Padding(
padding: const EdgeInsets.only(left:8.0),
child: Container(
child: Column(
children: <Widget>[
Text("\$${widget.prod_old_price}",textAlign: TextAlign.left,style: TextStyle(fontSize: 18.0,color: Color(0xff989898),decoration: TextDecoration.lineThrough),),
Text("\$${widget.prod_price}",style: TextStyle(fontSize: 18.0,fontWeight: FontWeight.bold)),
],
),
),
),
],
),
),
),
推荐阅读
- robotframework-ide - 机器人框架骑行:结果区域显示汉字错误
- javascript - 第二个 Ajax 调用返回 500 内部服务器错误
- matplotlib - 没有 x 轴的散点图
- python - 如何从大量文章(维基百科)中训练短语模型?
- laravel - Laravel not add foreign key in PostgreSQL
- python - How to shoot bullets at the same time as another player and easier method on creating boundaries between rectangles and players?
- c - 我无法用 c 语言读取另一个结构
- python - convert list of element to int and not the string in python
- javascript - 在调用 JSON.stringify() 之前,Vue 数据不可用
- python-3.x - python selenium "Timed out receiving message from renderer" when getting screenshot