Question

此代码段有问题吗？定位的元素没有显示，但其他元素显示。 deviceHeight在其他地方定义为设备的高度。

第一个容器将其他两个容器保持在其下。第二个容器正确显示在顶部，但没有出现在第二个容器下面的第三个容器（定位）。欢迎听到其他选择。

Align(
    alignment: Alignment.bottomCenter,
    child: Stack(children: <Widget>[
      Container(
        color: Color(bgDark),
        height: deviceHeight / 100 * 40,
      ),
      Container(color: Colors.red, height: deviceHeight / 18),
      Positioned(
          top: 50,
          child: Container(
              color: Colors.green, height: deviceHeight / 1))
    ]))

Answer 1

在width Positioned上添加Container使其可见。

Align(
      alignment: Alignment.bottomCenter,
      child: Stack(
        children: <Widget>[
          Container(
            color: Colors.blue,
            height: 300,
          ),
          Container(
            color: Colors.red,
            height: 200,
          ),
          Positioned(
            top: 50,
            child: Container(
              color: Colors.green,
              height: 100,
              width:100,
            ),
          ),
        ],
      ),
    );

我不确定问题的确切原因，但似乎Positioned既需要height和width尺寸。

如何获得“定位”小部件以在堆栈中工作（颤振）？

1 个答案: