Flutter Android WebView崩溃修复插件flutter_inappwebview_android_crashfix的使用

简介

flutter_inappwebview_android_crashfix 是一个针对 flutter_inappwebview 插件的扩展库，旨在修复 Android 平台上 WebView 可能出现的崩溃问题。通过集成此插件，可以提高 WebView 的稳定性，特别是在复杂的网页加载场景中。

安装

在 pubspec.yaml 文件中添加以下依赖：

dependencies:
  flutter_inappwebview_android_crashfix: ^最新版本号

然后运行 flutter pub get 更新依赖。

使用示例

以下是完整的示例代码，展示如何在 Flutter 应用中使用 flutter_inappwebview_android_crashfix 插件。

示例代码

main.dart

import 'dart:async';
import 'dart:io';

import 'package:flutter/material.dart';
import 'package:flutter_inappwebview_android_crashfix/flutter_inappwebview.dart';

void main() async {
  WidgetsFlutterBinding.ensureInitialized();

  // 在 Android 平台启用 WebView 调试功能
  if (Platform.isAndroid) {
    await AndroidInAppWebViewController.setWebContentsDebuggingEnabled(true);

    // 检查 WebView 特性是否支持
    var swAvailable = await AndroidWebViewFeature.isFeatureSupported(
        AndroidWebViewFeature.SERVICE_WORKER_BASIC_USAGE);
    var swInterceptAvailable = await AndroidWebViewFeature.isFeatureSupported(
        AndroidWebViewFeature.SERVICE_WORKER_SHOULD_INTERCEPT_REQUEST);

    if (swAvailable && swInterceptAvailable) {
      AndroidServiceWorkerController serviceWorkerController =
          AndroidServiceWorkerController.instance();

      // 自定义 Service Worker 请求拦截逻辑
      await serviceWorkerController
          .setServiceWorkerClient(AndroidServiceWorkerClient(
        shouldInterceptRequest: (request) async {
          print("拦截到请求: ${request.url}");
          return null; // 返回 null 表示不拦截请求
        },
      ));
    }
  }

  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(title: Text("InAppWebView 示例")),
        drawer: myDrawer(context),
        body: InAppWebViewExampleScreen(),
      ),
    );
  }
}

Drawer myDrawer(BuildContext context) {
  return Drawer(
    child: ListView(
      padding: EdgeInsets.zero,
      children: [
        DrawerHeader(
          child: Text('flutter_inappbrowser 示例'),
          decoration: BoxDecoration(color: Colors.blue),
        ),
        ListTile(
          title: Text('InAppWebView 示例'),
          onTap: () {
            Navigator.pop(context);
            Navigator.push(
              context,
              MaterialPageRoute(builder: (_) => InAppWebViewExampleScreen()),
            );
          },
        ),
      ],
    ),
  );
}

InAppWebView 示例页面

in_app_webview_example.screen.dart

import 'package:flutter/material.dart';
import 'package:flutter_inappwebview/flutter_inappwebview.dart';

class InAppWebViewExampleScreen extends StatefulWidget {
  [@override](/user/override)
  _InAppWebViewExampleScreenState createState() =>
      _InAppWebViewExampleScreenState();
}

class _InAppWebViewExampleScreenState
    extends State<InAppWebViewExampleScreen> {
  late InAppWebViewController webViewController;

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Column(
      children: [
        Expanded(
          child: InAppWebView(
            initialUrlRequest: URLRequest(url: Uri.parse("https://example.com")),
            onWebViewCreated: (controller) {
              webViewController = controller;
            },
            onLoadStart: (controller, url) {
              print("开始加载 URL: $url");
            },
            onLoadStop: (controller, url) {
              print("加载完成 URL: $url");
            },
          ),
        ),
      ],
    );
  }
}