fl_webview 1.1.2

Based on webView_flutter plugin implemented by flutter supports Android and IOS

fl_webview

ios webview 本地化 在 plist 文件中添加

<key>CFBundleAllowMixedLocalizations</key>
<true/>

使用 use

@override
Widget build(BuildContext context) {
  return FlWebView(
      load: LoadUrlRequest('url'),
      progressBar: FlProgressBar(color: Colors.red),
      webSettings: WebSettings(),
      delegate: FlWebViewDelegate(onPageStarted:
          (FlWebViewController controller, String url) {
        log('onPageStarted : $url');
      },
          onPageFinished: (FlWebViewController controller, String url) {
            log('onPageFinished : $url');
          },
          onProgress: (FlWebViewController controller, int progress) {
            log('onProgress ：$progress');
          },
          onSizeChanged:
              (FlWebViewController controller, WebViewSize webViewSize) {
            log('onSizeChanged : ${webViewSize.frameSize} --- ${webViewSize.contentSize}');
          },
          onScrollChanged: (FlWebViewController controller,
              WebViewSize webViewSize,
              Offset offset,
              ScrollPositioned positioned) {
            log('onScrollChanged : ${webViewSize.frameSize} --- ${webViewSize.contentSize} --- $offset --- $positioned');
          },
          onNavigationRequest:
              (FlWebViewController controller, NavigationRequest request) {
            log('onNavigationRequest : url=${request.url} --- isForMainFrame=${request.isForMainFrame}');
            return true;
          },
          onGeolocationPermissionsShowPrompt: (_, origin) async {
            log('onGeolocationPermissionsShowPrompt : $origin');

            /// Get location permission 
            return await getPermission(Permission.locationWhenInUse);
          },
          onShowFileChooser: (_, params) async {
            log('onShowFileChooser : ${params.toMap()}');

            /// Select file
            FileType fileType = FileType.any;
            if (params.acceptTypes.toString().contains('image')) {
              fileType = FileType.image;
            }
            if (params.acceptTypes.toString().contains('video')) {
              fileType = FileType.video;
            }
            if (params.acceptTypes.toString().contains('file')) {
              fileType = FileType.any;
            }
            FilePickerResult? result = await FilePicker.platform.pickFiles(
                type: fileType,
                allowMultiple: params.mode == FileChooserMode.openMultiple);
            final list = result?.files
                .where((item) => item.path != null)
                .builder((item) => item.path!);
            return list ?? [];
          },
          onUrlChanged: (FlWebViewController controller, String url) {
            log('onUrlChanged : $url');
          }),
      onWebViewCreated: (FlWebViewController controller) async {
        String userAgentString = 'userAgentString';
        final value = await controller.getNavigatorUserAgent();
        log('navigator.userAgent :  $value');
        userAgentString = '$value = $userAgentString';
        final userAgent = await controller.setUserAgent(userAgentString);
        log('set userAgent:  $userAgent');
        10.seconds.delayed(() {
          controller.getWebViewSize();
        });
      });
}

自适应高度 Adapt height

@override
Widget build(BuildContext context) {
  return FlAdaptHeightWevView(
      maxHeight: 1000,
      builder: (onSizeChanged, onScrollChanged, onWebViewCreated) =>
          BaseFlWebView(
              load: LoadUrlRequest(url),
              onWebViewCreated: onWebViewCreated,
              delegate: FlWebViewDelegate(
                  onSizeChanged: onSizeChanged,
                  onScrollChanged: onScrollChanged)));
}

ScrollView 嵌套 WebView

@override
Widget build(BuildContext context) {
  double webHeight = context.mediaQuery.size.height -
      context.mediaQuery.padding.top -
      kToolbarHeight;
  return ExtendedScaffold(
      appBar:
      AppBar(title: const Text('ExtendedFlWebViewWithScrollViewPage')),
      body: ExtendedFlWebViewWithScrollView(
          contentHeight: webHeight,
          scrollViewBuilder:
              (ScrollController controller, bool canScroll, Widget webView) {
            return CustomScrollView(
                controller: controller,
                physics: canScroll
                    ? const BouncingScrollPhysics()
                    : const NeverScrollableScrollPhysics(),
                slivers: [
                  SliverToBoxAdapter(child: webView),
                  SliverListGrid.builder(
                      itemBuilder: (_, int index) =>
                          Container(
                              height: 100,
                              width: double.infinity,
                              color: index.isEven
                                  ? Colors.lightBlue
                                  : Colors.amberAccent),
                      itemCount: 30)
                ]);
          },
          webViewBuilder: (FlWebViewDelegateWithSizeCallback onSizeChanged,
              FlWebViewDelegateWithScrollChangedCallback onScrollChanged,
              WebViewCreatedCallback onWebViewCreated) {
            return BaseFlWebView(
                load: LoadUrlRequest(url),
                delegate: FlWebViewDelegate(
                    onSizeChanged: onSizeChanged,
                    onScrollChanged: onScrollChanged),
                onWebViewCreated: onWebViewCreated,
                webSettings:
                WebSettings(javascriptMode: JavascriptMode.unrestricted));
          }));
}