如何在Flutter中实现DraggableScrollableSheet内可滚动的WebView?

dav*_*a7x 5 android dart flutter flutter-layout

我试图显示一个模式底部工作表,它利用 DraggableScrollableSheet ,当点击卡片时,它又包含一个 WebView 。WebView 应该是可滚动的,因为它包含一个很长的网页。我使用 DraggableScrollableSheet 是因为我希望在到达网页顶部后向上滚动时能够关闭底部工作表。

这是我到目前为止所拥有的:

onTap: () {
      showModalBottomSheet(
        context: context,
        isScrollControlled: true,
        builder: (_) {
          return DraggableScrollableSheet(
            expand: false,
            builder: (_, scrollController) {
              return Container(
                child: WebView(
                  initialUrl: this.newsUrl,
                  javascriptMode: JavascriptMode.unrestricted,
                ),
              );
            },
          );
        },
      );
    }
Run Code Online (Sandbox Code Playgroud)

但是,在代码的当前状态下,WebView 不可滚动。我唯一能做的就是向下滑动纸张以将其关闭。DraggableScrollableSheet 内的小部件必须使用 DraggableScrollableSheet 提供的 ScrollController 才能正常工作,但我还没有找到一种方法来将此 ScrollController 与 WebView 一起使用。我尝试用 SingleChildScrollView 包装 WebView,但这不起作用。

我想可能有一些我尚未找到的解决方法来解决这个问题。任何形式的帮助表示赞赏。