扩展小部件之间的空白

一些 Flex 值会在 Expanded 小部件之间创建空白，据我所知，这是计算的其余部分。

例如：

Scaffold(
  body: Column(
    children: <Widget>[
      Expanded(
        flex: 4,
        child: Container(
          color: Colors.green,
        ),
      ),
      Expanded(
        flex: 6,
        child: Container(
          color: Colors.green,
        ),
      ),
    ],
  ),
);

我正在寻找一种优雅的方式来使这些小部件占据所有可用空间。 整个问题是动画期间弹性值发生变化并且这条白线闪烁。

Thanks!

看来它来自border of Container,

Github 问题 https://github.com/flutter/flutter/issues/14288#issuecomment-668795963仍然开放。

这是小部件

 Scaffold(
      backgroundColor: Colors.green,
      body: Column(
        children: <Widget>[
          Expanded(
            flex: 4,
            child: Container(
              alignment: Alignment.center,
              decoration: BoxDecoration(
                color: Colors.green,
                border: Border.all(
                  color: Colors.green,
                ),
              ),
              child: Text("Section A"),
            ),
          ),
          Expanded(
            flex: 6,
            child: Container(
              alignment: Alignment.center,
              decoration: BoxDecoration(
                color: Colors.green,
                border: Border.all(
                  color: Colors.green,
                ),
              ),
              child: Text("Section B"),
            ),
          ),
        ],
      ),
    );