flutter - Flutter Row的脚手架高度不足

Question

我正在处理带有抖动的平板电脑应用程序的框架，并且正面临着一个非常简单的问题，但是要弄清楚这里发生的事情对我来说变得很棘手。

基本上，应用程序的框架应如下所示:



为此，我编写了一个简单的Stateless类，如下所示:

class BaseDetailsRoute extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: Colors.grey,
      body: Row(
        mainAxisAlignment: MainAxisAlignment.center,
        children: <Widget>[
          Flexible(flex: 1, child: _selectionColumn()),
          Flexible(flex: 7, child: _contentArea())
        ],
      ),
    );
  }

  Widget _contentArea() => Container(color: Colors.orange,);

  Column _selectionColumn() => Column(
    children: <Widget>[
      Expanded(child: Container(color: Colors.blue,))
    ],
  );
}

这给了我几乎预期的结果:



如您所见，这里的小问题在屏幕底部，在 Scaffold中，我放置了 backgroundColor: Colors.grey，并且在屏幕上呈现了 Row后，似乎由于某种原因我无法使其全部可用高度，我仍然在底部看到脚手架的灰色背景色。

我曾尝试将整个脚手架包装在 SafeArea小部件内，但是没有用。

我如何以一种简单的方式解决此问题，这意味着不必添加许多其他小部件？

Answer 1

有点奇怪，但是您的代码在我这边正常工作(纵向和横向)。您正在使用什么模拟器？

查看图片:Pixel 2 API 29 Emulator Portrait
Pixel 2 API 29 Emulator Lanscape