Flutter Container 不需要的顶部和底部填充

Posted 2023-03-06

【中文标题】Flutter Container 不需要的顶部和底部填充

【英文标题】：Flutter Container unwanted top and bottom padding

【发布时间】：2020-10-24 01:15:46

【问题描述】：

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

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

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"),
            ),
          ],
        ),
      ),
    );
  

【参考方案1】：

由于simulator/emulator

的

小尺寸

，顶部和底部的红线没有问题

请增加尺寸或在真机中检查就可以了

【讨论】：

我的红米笔记 5 上也可以看到这些线条

刚刚在一个新项目上测试过，它显示完美，没有填充。知道是什么原因造成的吗？

@aryono 没有问题如果解决了您的问题，请接受并投票给答案。