flutter - 如何在图像下显示 2 个按钮的同一行?
问题描述
我想在图像下的同一行中显示按钮。这是我的代码,它可以显示按钮但不能显示同一行。
Widget build(BuildContext context) {
return Scaffold(
body: Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Image(
image: AssetImage('images/111.jpg'),
),
RaisedButton(
onPressed: () {},
child: Text('aaa'),
),
RaisedButton(
onPressed: () {},
child: Text('bbb'),
),
],
),
),
);
}
}
我将代码更改为 child: Row 像这样。
body: Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Image(
image: AssetImage('images/111.jpg'),
),
],
),
child: Row(
RaisedButton(
onPressed: () {},
child: Text('aaa'),
),
RaisedButton(
onPressed: () {},
child: Text('bbb'),
),
),
),
它的显示错误子已经指定。如何在图像下显示 2 个按钮的同一行?
解决方案
- 您不能在中心下有两个孩子
- Row 下的小部件需要子级。
尝试
@override
Widget build(BuildContext context) {
return Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Image(
image: AssetImage('images/111.jpg'),
),
Row(
mainAxisAlignment: MainAxisAlignment.center,
children : [
RaisedButton(
onPressed: () {},
child: Text('aaa'),
),
RaisedButton(
onPressed: () {},
child: Text('bbb'),
),
]
)
],
)
);}
推荐阅读
- reactjs - Firebase/Firecloud & React - 如何存储配置文件图像不需要 80 个不同的读取来显示所有 80 个图像?
- elasticsearch - 每天使用 cronjob 重启一次 Elasticservice
- python-3.x - python中的风险评分
- go - 当 Go 程序收到 SIGABRT 时,“m=”表示什么
- java - 带比较器的有序流
- javascript - 有没有办法让这个平面阵列更紧凑?
- arrays - 如何从数组中找到精确(最小)元素以匹配给定的总和
- node.js - 如何用承诺中止进程?
- hibernate - JPA - 如何实现此 SQL 行为(将父实体左连接到先前内部连接的子实体和大子实体)
- sql - 尝试使用合并更新我的表时出现 ORA-38104