flutter - 底页初始高度为屏幕的一半，如果滚动则高度增加到全屏

Question

我有一个带有以下代码的底部表，我在其中放置高度 300.0 但我想在用户滚动时将高度增加到全屏..我该怎么做..请

void _showBottomSheet() {
    setState(() {
      _showPersBottomSheetCallBack = null;
    });

    _scaffoldKey.currentState
        .showBottomSheet((context) {
      return new Container(
        height: 300.0,
        color: Colors.greenAccent,
        child: new Center(
          child: new Text("Hi BottomSheet"),
        ),
      );
    })
        .closed
        .whenComplete(() {
      if (mounted) {
        setState(() {
          _showPersBottomSheetCallBack = _showBottomSheet;
        });
      }
    });
  }

Answer 1

flutter 包底页并不意味着占据整个屏幕，尽管稍作调整可以产生您期望的行为。如果您查看 BottomSheet constructor ，您会发现以下内容:

  @override
  BoxConstraints getConstraintsForChild(BoxConstraints constraints) {
    return new BoxConstraints(
      minWidth: constraints.maxWidth,
      maxWidth: constraints.maxWidth,
      minHeight: 0.0,
      maxHeight: constraints.maxHeight * 9.0 / 16.0
    );
  }

如果您删除 9.0/16.0 高度限制，底部工作表将占据整个屏幕高度。