根据这个 SO 答案,我正在尝试将我的更多选项按钮对齐到我的专栏中的右上角。
How to align single widgets in Flutter?
这是我的代码。
return Card(
color: Colors.blueAccent,
child: Container(
height: 100,
width: 350,
child: Column(
children: <Widget>[
Text(
'Day ${widget._dayNumber}',
style: TextStyle(
color: Colors.white,
),
),
Align(alignment: Alignment.topRight,
child: IconButton(onPressed: () {}, icon: Icon(Icons.more_vert),)),
],
),
),
);
如果我改变对齐和文本的顺序,就会发生这种情况。
我想在右上角显示我的按钮,同时将文本小部件保持在中心顶部,但对齐小部件似乎占据整行(行)。
有没有办法正确地做到这一点,还是我需要将它们都包装成一行?
最佳答案
我使用 Stack 和 Positioned 小部件来实现这种效果。
Widget build(BuildContext context) {
return Stack(
children: <Widget>[
Card(
color: Colors.blueAccent,
child: Container(
height: 100,
width: 350,
child: Column(
children: <Widget>[
Text(
'Day ${widget._dayNumber}',
style: TextStyle(
color: Colors.white,
),
),
],
),
),
),
Positioned(
top: 0,
right: 0,
child: IconButton(
onPressed: () {},
icon: Icon(Icons.more_vert),
),
),
],
);
}
关于Flutter:如何将小部件与列的右上角对齐?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55259142/