flutter - 如何对齐 FlatButton 的子元素
问题描述
我正在尝试将 2 个文本和一个图像作为 FlatButton 的子项(像这样)对齐,但不知何故,这些元素没有按应有的方式对齐。
我尝试使用 Stack、Align、Rows 等,但并没有真正成功(我也是飞镖或颤振的初学者)
new ButtonTheme(
minWidth: 171,
height: 176,
child:new Container(
decoration: new BoxDecoration(
borderRadius: new BorderRadius.circular(19),
gradient: new LinearGradient(
begin: Alignment.centerLeft,
end: Alignment.centerRight,
colors: [
Color(0xFF8F94FB),
Color(0xFF5D62D4)
]
)
),
child: FlatButton(
onPressed: () => handleButtonClick(),
shape: new RoundedRectangleBorder(
borderRadius: new BorderRadius.circular(19)
),
child: new Stack(
children: <Widget>[
Align(
alignment: Alignment.bottomLeft,
child: Image.asset('assets/daily_icon.png', width: 109, height: 109),
)
],
),
),
),
),
这是结果:图片
解决方案
用下面的代码替换你的 FlatButton,看看它是否适合你。
FlatButton(
padding: const EdgeInsets.all(0),
onPressed: () => {
},
shape: new RoundedRectangleBorder(
borderRadius: new BorderRadius.circular(19)
),
child: new Stack(
children: <Widget>[
Container(
width: 109,
height: 109,
child: Align(
alignment: Alignment.bottomLeft,
child: Image.asset('assets/demo.png',fit: BoxFit.fitHeight,),
),
),
],
),
),
推荐阅读
- php - 为什么这个 PHP 数组在它为空时一直表现得好像这个键被设置了?
- html - 如何在表格中自动换行,同时具有不同的单元格宽度?
- deep-learning - PyTorch 中的参数特定学习率
- ios - 如何反转状态栏的深色和浅色内容以适应 Xcode 中的深色模式
- latex - Latex 中的错误我无法修复涉及多行和多列的问题
- amazon-web-services - 如何将用户窗口限制为将文件上传到 AWS 中的 S3
- python-3.x - 返回所有parts.txt文件的路径列表
- java - 订阅者不是功能接口
- game-physics - 如何在 Phaser 3 中显示没有调试视图的问题约束?
- c# - Path.GetDirectoryName 产生 Win32Exception '访问被拒绝'