Flutter 在颤振的模态底板中实现WebView

我想用webview作为子视图实现模式底部工作表。当我尝试这样做时，webview会变得一团糟，工作表会出现在屏幕的顶部而不是底部

我试图改变高度，但没有任何效果

Pub dependency: flutter_webview_plugin: ^0.3.5

void _showModelSheet（）{
showModalBottomSheet(
上下文：上下文，
建筑商：（建筑商）{
退回新货柜(
高度：屏幕高度/4，
子容器：新容器(
装饰：新盒子装饰(
颜色：颜色。琥珀色，
borderRadius：仅限新的borderRadius(
左上角：常数半径。圆形（20.0），
右上角：常数半径。圆形（20.0）），
子：容器(
孩子：新材料pp(
debugShowCheckedModeBanner:false，
路线：{
“/”：（）=>新建WebviewScaffold(
url:“https://www.google.com",
),
},
),
),
),
);
});
}

child:RaisedButton(
标高：10，
颜色：颜色。黑色，
颜色：颜色。红色。阴影900。不透明度（0.7），
形状：圆形矩形边框(
边界半径：边界半径。圆形（110）），
按下按钮：\u显示模型表，
子：文本(
“表格”），
),
),

---

我想将整个webview包装到modal底部板材的高度。

您将在另一个内部返回一个

MaterialApp

。原因是你使用的插件迫使你这么做

更好地使用Official Flatter WebView插件

webview_flutter: ^0.3.9+1

然后像这样使用它：

void _showModelSheet() {
    showModalBottomSheet(
      context: context,
      builder: (builder) {
        return new Container(
          height: MediaQuery.of(context).size.height / 4,
          child: new Container(
            decoration: new BoxDecoration(color: Colors.amber, borderRadius: new BorderRadius.only(topLeft: const Radius.circular(20.0), topRight: const Radius.circular(20.0))),
            child: Container(
                child: WebView(
              initialUrl: 'https://google.com',
            )),
          ),
        );
      },
    );
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: RaisedButton(
          elevation: 10,
          splashColor: Colors.black,
          color: Colors.red.shade900.withOpacity(0.7),
          shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(110)),
          onPressed: _showModelSheet,
          child: Text("sheet"),
        ),
      ),
    );
  }

结果是：

---

谢谢，伙计，但我不能滚动页面。欢迎光临，这是正常行为。因为modalBottomSheet上下都有手势支持。因此，未检测到滚动。稍后我将尝试查看它，看看是否可以找到解决方法。这里你有一个关于这件事的封闭问题，也许它可以帮助你。顺便问一下，出于特定的原因，您希望它成为一张底片吗？因为如果你不需要下拉手势，你可以用一个动画容器来模拟一个底部表单。我的意思是，我刚刚看了关于模态底部表单的视频，所以我认为构建它并用它进行实验会很好。我不知道如何用动画容器来模拟底部板材。