翩翩起舞行不占用全部脚手架高度。

Question

我正在用flutter制作一个平板电脑应用程序的骨架，我正面临着一个可能非常简单的问题，但它对我来说越来越棘手，要弄清楚这是怎么回事。

基本上，应用程序的骨架应该是这样的。

为此，我写了一个简单的 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 画面中，似乎由于某种原因，我不能让它占据整个可用的高度，而且我仍然看到脚手架底部有一点灰色的背景色。

我试着将整个脚手架包裹在一个叫 "Scarfold "的东西里面。SafeArea 小部件，但它没有工作。

我怎样才能用简单的方法解决这个问题，也就是说不用添加一堆其他小部件？

Answer 1

这是一种奇怪的，但你的代码是工作的意图在我身边（对于纵向和横向）。你用的是什么仿真器？

请看图片。Pixel 2 API 29 仿真器 纵向 Pixel 2 API 29 仿真器 Lanscape

Answer 2

请你试试

     child: Column(
                mainAxisSize:  MainAxisSize.max,
                children: <Widget>[

让我知道它是工作