flutter - 相对定位小部件

Question

我正在使用嵌套在 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,
                    ),
                  ],
                )

Answer 1

这将是 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")
                            ),
                          ],
                        ),