拉动刷新WebView

Question

我构建了一个 WebView 应用，我想下拉屏幕刷新网页。我将flutter_inappwebview 用于网络视图。我尝试将 WebView 包装在 SingleChildScrollView 或 ListView 中，但它们都不起作用。在下面的代码中，当滑动功能起作用时，WebView 不可滚动。

我一直在寻找解决方案，但我找不到。任何帮助将不胜感激！

@override
Widget build(BuildContext context) {
return WillPopScope(
  onWillPop: () => _onBackPressed(),
  child: Scaffold(
    body: SafeArea(
      child: RefreshIndicator(
        onRefresh: () async {
          print("##Refresh");
          webview.reload();
        },
        child: SingleChildScrollView(
          physics: AlwaysScrollableScrollPhysics(),
          child: Container(
            height: MediaQuery.of(context).size.height,
            child: Center(
              child: Stack(
                children: <Widget>[
                  InAppWebView(
                    gestureRecognizers: Set()
                      ..add(
                        Factory<VerticalDragGestureRecognizer>(
                            () => VerticalDragGestureRecognizer(),
                        ),
                      ),
                    initialOptions: InAppWebViewGroupOptions(
                      crossPlatform: InAppWebViewOptions(
                        debuggingEnabled: true,
                        userAgent: 'Mozilla/5.0 (Linux; Android 6.0; Nexus 5 Build/MRA58N) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/62.0.3202.94 Mobile Safari/537.36',
                      ),
                    ),
                    onWebViewCreated: (InAppWebViewController controller) {
                      webview = controller;
                      controller.loadUrl(url: startURL);
                    },
                    onLoadStart: (InAppWebViewController controller, String url) async {
                      print("##onloadstart: " + url);
                    },
                    onLoadStop: (InAppWebViewController controller, String url) async {
                      print("##onloadstop: $url");
                    },
                    onProgressChanged: (InAppWebViewController controller, int progress) {
                      setState(() {
                        this.progress = progress / 100;
                      });
                    }
                  ),
                  Align(
                    alignment: Alignment.center,
                    child: buildProgressBar(progress),
                  ),
                ],
              ),
            ),
          ),
        ),
      ),
    ),
  ),
);
}

Answer 1

这可能是您的正确答案 ->

child:  Scaffold(
                  body: SafeArea(
                      child: Column(children: <Widget>[
                        Container(
                          padding: EdgeInsets.all(3.0),
                          child: Icon(Icons.keyboard_arrow_down),
                        ),
                        Expanded(
                          child: Container(
                            child: InAppWebView(...)

Answer 2

如果您使用 pull_to_refresh 包，它实际上非常简单。您所要做的就是查看他们的演示代码的底部，并将 listview 构建器替换为您的 inappwebview 脚手架。

child: ListView.builder(), -> child:  Scaffold(),

别忘了添加你的 webView.reload();拉动。

包@https://pub.dev/packages/pull_to_refresh

#编辑 抱歉，我不明白问题出在 webview 中滚动。我复制了这个问题，然后，因为我有一个 tabview 控制器，所以我使用了

gestureRecognizers: <Factory<OneSequenceGestureRecognizer>>[
new Factory<OneSequenceGestureRecognizer>(
() => new EagerGestureRecognizer(),
),
].toSet(),

这解决了这个问题，如果不是这样，那么它是由于使用了扩展子级。