相对定位小部件

Question

我使用了嵌套在Stack小部件中的Positioned小部件，并给它赋予了右和底部的值。

它工作得很好，直到我在其他尺寸不同的屏幕上试了试，这是我应该预料到的。

在谷歌搜索和堆栈溢出之后，我找到的所有答案都建议根据设备屏幕、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")
                            ),
                          ],
                        ),