Question

我正在使用Positioned小部件中嵌套的Stack小部件，并为其赋予正确的值和底部的值。

效果很好，直到我在其他尺寸不同的屏幕上尝试了。

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

相对定位小部件

1 个答案: