Flutter 的 showModalBottomSheet 中的页眉、页脚和可滚动正文？

Question

showModalBottomSheet(
  context: context,
  builder: (BuildContext context) {
    return Container(
      padding: EdgeInsets.only(left: 10.0, right: 10.0, bottom: 10.0),
      child: Column(
        mainAxisSize: MainAxisSize.min,
        children: [
          Text('HEADER'),
          Scrollbar(
            thickness: 5.0,
            radius: Radius.circular(5.0),
            child: SingleChildScrollView(
              child: Column(
                children: [
                  Text('BODY'),
                  Text('BODY'),
                  Text('BODY'),
                  Text('BODY'),
                  Text('BODY'),
                ],
              ),
            ),
          ),
          Text('FOOTER'),
        ],
      ),
    );
  },
);

好的，到目前为止没有问题。我遗漏了isScrollControlled，这样showModalBottomSheet您就无法向上拖动以填满屏幕。我希望它的最大高度为视口高度的一半（我认为这是默认约束？）我还希望它的大小适合其内容，直到达到最大高度。但是，如果我添加更多小部件，SingleChildScrollView Column它就会溢出：

我期望“主体”能够最大化其高度，并在页眉和页脚之间保留剩余空间，并变得可滚动，但它只是变得不受约束。showModalBottomSheet一旦达到高度限制，我该怎么做才能仅使“正文”内容可滚动？

Answer 1

我刚刚通过一些改变实现了它。isScrollControlled: true用于底部工作表和Flexible(child: ListView(...))小部件在一起。

尝试一下，https://dartpad.dev/6f76b09c942f8c44d89504032c355ff5

showModalBottomSheet(
  isScrollControlled: true,
  context: context,
  builder: (BuildContext context) {
    return Container(
      padding: EdgeInsets.only(left: 10.0, right: 10.0, bottom: 10.0),
      child: Column(
        mainAxisSize: MainAxisSize.min,
        children: <Widget>[
          Text('HEADER'),
          Flexible(
            child: ListView(
              shrinkWrap: true,
              children: List<Text>.generate(1000, (x) => Text("CHILD")),
            ),
          ),
          Text('FOOTER'),
        ],
      ),
    );
  },
);