Question

我创建了一个以红色为背景的容器，以及另一个以白色为子容器的容器。我认为红色将完全被白色覆盖。相反，我在容器的顶部和底部看到两条红线。就像容器具有顶部和底部填充物一样，我无法将其删除。

如何删除它（顶部和底部填充？），以使白色完全覆盖红色？

The red line shows like the container has top and bottom padding

更新：刚刚在一个新项目上对其进行了测试，它显示完美，没有填充。你知道是什么原因造成的吗？

class Test extends StatefulWidget {
  Test(Object args);

  @override
  State<StatefulWidget> createState() {
    return ContainerTest();
  }
}

class ContainerTest extends State<Test>{
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(),
      body: Container(
        color: Colors.white,
        alignment: Alignment.center,
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.center,
          children: <Widget>[
            Padding(
              padding: const EdgeInsets.all(8.0),
              child: Text("some text"),
            ),
            Container(
              width: 200,
              height: 200,
              color: Colors.red,
              child: Container(
                color: Colors.white,
              ),
            ),
            Padding(
              padding: const EdgeInsets.all(8.0),
              child: Text("some text"),
            ),
          ],
        ),
      ),
    );
  }
}

Answer 1

没有问题，因为模拟器/模拟器的尺寸小，您不会在顶部和底部看到红线

请增加尺寸或在Real Device中签入就可以了

Flutter Container多余的顶部和底部填充

1 个答案: