如何使showModalBottomSheet在扑动响应?

Question

我试图显示webView在一个showModalBottomSheet，使用inAppWebView插件的webView。所以当webView状态改变时，bottomSheet应该调整它的高度。目前我只是做了一个hotFix通过给滚动到底部表。

return  return showModalBottomSheet(
enableDrag: false,
isDismissible: false,
isScrollControlled: true,
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.only(
topRight: Radius.circular(20.r),
topLeft: Radius.circular(20.r),
),
),
context: context,
builder: (context) => BottomSheet(),
);

Widget build(BuildContext context) {
return Container(
alignment: Alignment.center,
height: MediaQuery.of(context).size.height - (kToolbarHeight * 2),
decoration: BoxDecoration(
color: lmWhite,
borderRadius: BorderRadius.circular(20.r),
),
clipBehavior: Clip.hardEdge,
child: Stack(
children: [
InAppWebView(),
Opacity(),
],
),
);
}

Answer 1

默认高度为屏幕大小的一半

如果你想让你的bottomSheet根据你的内容展开，使用下面的代码

showModalBottomSheet<dynamic>(
isScrollControlled: true,
context: context,
builder: (BuildContext bc) {
return Wrap(
children: <Widget>[...]
)
}
)

这将自动展开底部表单根据里面的内容。