我正在使用嵌套在 Stack
小部件中的 Positioned
小部件,并为其赋予值 right 和 bottom。
效果很好,直到我在其他尺寸不同的屏幕上尝试了它,正如我所期望的那样。
在谷歌搜索和堆栈溢出后,我找到的所有答案都建议根据设备屏幕 width
和 height
计算位置。
我想知道是否有任何方法可以相对于其父级或堆栈小部件定位小部件 - 例如 position: relative
;在 CSS 中 -
Stack(
fit: StackFit.expand,
children: <Widget>[
Positioned(
child: Icon(
Icons.touch_app,
color: Colors.blueAccent,
),
right: 110.0,
bottom: 300.0,
),
GestureDetector(
child: Chart(occData),
onTap: _setDetailedView,
),
],
)
最佳答案
这将是 align
Container(
child: Align(
alignment: Alignment.bottomRight,
child: Text("Comment")
),
),
或
Container(
child: Align(
alignment: Alignment(x, y), // <-- from 0 to 1, ex. 0.5, 0.5
child: Text("Comment")
),
),
您可以对齐 Stack
中的内容,例如:
Stack(
children: <Widget>[
Align(
alignment: Alignment(0.5, 0.3),
child: Text("Comment: $comment")
),
],
),
https://stackoverflow.com/questions/56852633/