【问题标题】:Flutter Container unwanted top and bottom paddingFlutter Container 不需要的顶部和底部填充
【发布时间】: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"),
            ),
          ],
        ),
      ),
    );
  }
}

【问题讨论】:

    标签: android flutter dart containers padding


    【解决方案1】:

    由于simulator/emulator

    小尺寸,顶部和底部的红线没有问题

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

    【讨论】:

    • 我的红米笔记 5 上也可以看到这些线条
    • 刚刚在一个新项目上测试过,它显示完美,没有填充。知道是什么原因造成的吗?
    • @aryono 没有问题如果解决了您的问题,请接受并投票给答案。
    猜你喜欢
    • 1970-01-01
    • 2014-08-28
    • 2016-08-08
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-03-09
    • 2011-11-02
    • 2017-08-21
    相关资源
    最近更新 更多