Flutter - 对齐行和列中的元素
Flutter - Align elements in Row and Column
我正在尝试创建一种自定义应用栏,但我正在努力正确对齐元素。
很确定解决方案应该很简单,但我觉得缺少一些东西。
我希望结果如下:
到目前为止我尝试过的代码:
Row(mainAxisAlignment: MainAxisAlignment.start, children: [
Column(mainAxisAlignment: MainAxisAlignment.start, children: [
InkWell(
onTap: (){Navigator.pop(context);},
child:Icon(Icons.arrow_back)
),
],),
Column(children: [
Container(child: Text("text"))),
], crossAxisAlignment: CrossAxisAlignment.center),
],)
Container(
height: 100,
color: Colors.cyanAccent,
child: Row(
crossAxisAlignment: CrossAxisAlignment.center,
mainAxisAlignment: MainAxisAlignment.center,
children: [
Column(
mainAxisAlignment: MainAxisAlignment.center,
crossAxisAlignment: CrossAxisAlignment.center,
children: [
InkWell(
onTap: () {
Navigator.pop(context);
},
child: Icon(
Icons.arrow_back,
),
),
],
),
Expanded(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Container(
child: Text("text"),
),
],
),
),
],
),
),
我觉得可以很简单的实现:
Row(
children: [
InkWell(
onTap: () {
Navigator.pop(context);
},
child: const Icon(Icons.arrow_back)),
const Expanded(child: Center(child: Text("text"))),
],
),
我正在尝试创建一种自定义应用栏,但我正在努力正确对齐元素。
很确定解决方案应该很简单,但我觉得缺少一些东西。
我希望结果如下:
到目前为止我尝试过的代码:
Row(mainAxisAlignment: MainAxisAlignment.start, children: [
Column(mainAxisAlignment: MainAxisAlignment.start, children: [
InkWell(
onTap: (){Navigator.pop(context);},
child:Icon(Icons.arrow_back)
),
],),
Column(children: [
Container(child: Text("text"))),
], crossAxisAlignment: CrossAxisAlignment.center),
],)
Container(
height: 100,
color: Colors.cyanAccent,
child: Row(
crossAxisAlignment: CrossAxisAlignment.center,
mainAxisAlignment: MainAxisAlignment.center,
children: [
Column(
mainAxisAlignment: MainAxisAlignment.center,
crossAxisAlignment: CrossAxisAlignment.center,
children: [
InkWell(
onTap: () {
Navigator.pop(context);
},
child: Icon(
Icons.arrow_back,
),
),
],
),
Expanded(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Container(
child: Text("text"),
),
],
),
),
],
),
),
我觉得可以很简单的实现:
Row(
children: [
InkWell(
onTap: () {
Navigator.pop(context);
},
child: const Icon(Icons.arrow_back)),
const Expanded(child: Center(child: Text("text"))),
],
),