如何删除列中的小部件之间的间隙？

Question

我有一个列，带有两个容器 s。没有填充物，没有边距。 尺寸完全合并在一起。 但是，我仍然在小部件之间得到了这个子像素差距。在模拟器和真实设备上可见。

我的代码下面：

       Column(
          children: [
            SizedBox(
              height: 57.0.h(context),
              width: MediaQuery.of(context).size.width,
              child: LayoutBuilder(
                builder: (context, constraints) => Column( // the column I actually am worried about
                  children: [
                    Container(
                      margin: EdgeInsets.zero,
                      padding: EdgeInsets.zero,
                      height: constraints.maxHeight * .45,
                      color: Theme.of(context).primaryColor,
                      child: Row(
                        crossAxisAlignment: CrossAxisAlignment.stretch,
                        mainAxisAlignment: MainAxisAlignment.spaceBetween,
                        children: [
                          // here's some code
                        ],
                      ),
                    ),
                    Container(
                      margin: EdgeInsets.zero,
                      padding: EdgeInsets.zero,
                      height: constraints.maxHeight * .55,
                      color: Theme.of(context).primaryColor,
                      child: Row(
                        crossAxisAlignment: CrossAxisAlignment.stretch,
                        mainAxisAlignment: MainAxisAlignment.spaceEvenly,
                        children: [
                          // here's some code
                        ],
                      ),
                    ),
                  ],
                ),
              ),
            ),
            Expanded(
              child: PageView.builder(
                // here's some code
              ),
            ),
          ],
        ),

我尝试将容器制作到以下 （因此要占用所有剩余空间），但没有任何更改。

Answer 1

我遇到了同样的问题。将每个小部件包裹在所需颜色的0像素边框中的容器中，这是一个技巧：

    Container(
        decoration: BoxDecoration(
          border: Border.all(
            width: 0.0,
            color: /* same Color that your widget has */,
          ),
          color: /* same Color that your widget has */,
        ),
        child: // child widget goes here
    )

由于抗降低的行为，该问题是在此github问题。

我认为这解决了问题，因为边框的颜色用于不与硬件像素对齐的抗体缩放边缘。但这只是我的理论。

Answer 2

尝试添加容器'S 装饰具有零边框宽度。

Container(
  height: constraints.maxHeight * .45,
  decoration: BoxDecoration(
    color: Theme.of(context).primaryColor,
    border: Border.all(
      // one or both
      color: Colors.transparent,
      width: 0.0,
    ),
  ),
.....