首页 > 解决方案 > 将 admob 添加到同一屏幕时,Flutter webview 不起作用

问题描述

我已将 webview_flutter 添加到我的项目中,它运行良好且滚动顺畅。但是,一旦我在同一个屏幕中添加 Admob,webview 就会停止响应手势和滚动停止。我尝试过使用不同的小部件,但仍然是同样的问题。

我的代码示例:-


body: Column(
        mainAxisSize: MainAxisSize.min,
        children: [
          Container(
            height: MediaQuery.of(context).size.height - 134,
            child: WebView(
                  key: _key,
                  initialUrl: myList[_selectedPageIndex].tabUrl,
                  javascriptMode: JavascriptMode.unrestricted,
                  onWebViewCreated: (WebViewController webController) {
                    _webViewController = webController;
                    _controller.complete(webController);
                  },
                  onWebResourceError: (webSourceError) {
                    print('WEBERROR : ' + webSourceError.description);
                  },
                  onPageFinished: (finish) {
                    setState(() {
                      isLoadingPage = false;
                    });
                  },
                ),
          ),
          Container(
            height: 50.0,
            child: AdWidget(ad: myBanner,),
          )
        ],
      ),



更新:-

我成功修复了错误。

只需在我的主类中添加一行代码:-


class WebViewExampleState extends State<WebViewExample> {
  @override
  void initState() {
    super.initState();
    // Enable hybrid composition.
    **if (Platform.isAndroid) WebView.platform = SurfaceAndroidWebView();**
  }

标签: flutterflutter-layoutflutter-dependenciesflutter-webflutter-widget

解决方案


推荐阅读