Dart Stack inside Stack in flutter

发布于10月23日

我想把Stack放在Stack里面，如果我改变了Stack内部的定位控件的位置，它就不起作用了.

作品:

Stack(
    children: [
      Positioned(
        top: 150.0,
        child: Text("Text#1"),
      ),
      Positioned(
        top: 100.0,
        child: Stack(
          children: [
            Positioned(
              child: Text("Text#2"),
            )
          ],
        ),
      )
    ],
  )

如果我在内部堆栈的定位中添加"top:200.0"，内部堆栈将消失，Flutter 将抛出错误

Stack(
    children: [
      Positioned(
        top: 150.0,
        child: Text("Text#1"),
      ),
      Positioned(
        top: 100.0,
        child: Stack(
          children: [
            Positioned(
              top:200.0,
              child: Text("Text#2"),
            )
          ],
        ),
      )
    ],

推荐答案

您可以用具有height和width属性的Container来包装您的第二个100.

父小部件的堆栈填充高度和宽度，但在您的示例中，父小部件的高度和宽度没有定义，因为它是一个堆栈小部件.如果您定义父小部件的大小，以便堆栈小部件可以从起点定位子小部件.

  Stack(
    children: [
      Positioned(
        top: 350.0,
        child: Text("Text#1"),
      ),
      Positioned(
        top: 100.0,
        child: Container(
          height: mediaQueryData.size.height,
          width: mediaQueryData.size.width,
          child: Stack(
            children: [
              Positioned(
                top:200.0,
                child: Text("Text#2"),
              )
            ],
          ),
        ),
      )
    ],
  ),