如何从本地资源文件夹在flutter webview中注入自定义css和js文件

在Flutter WebView中注入自定义CSS和JS文件，可以通过以下步骤实现：

创建一个本地资源文件夹：在Flutter项目的根目录下，创建一个文件夹，用于存放自定义的CSS和JS文件。可以将这个文件夹命名为"assets"或者其他合适的名称。
将CSS和JS文件添加到资源文件夹：将自定义的CSS和JS文件添加到刚刚创建的资源文件夹中。确保文件名和文件路径都是正确的。
在pubspec.yaml文件中声明资源：打开项目的pubspec.yaml文件，在其中的"flutter"部分添加如下代码：

flutter:
  assets:
    - assets/

这样，Flutter会将资源文件夹中的所有文件都包含在构建过程中。

在WebView中加载本地资源文件：使用flutter_inappwebview插件或其他WebView插件，在WebView中加载本地资源文件。以下是一个使用flutter_inappwebview插件的示例代码：

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

class MyWebView extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return InAppWebView(
      initialUrlRequest: URLRequest(
        url: Uri.parse("https://example.com"),
      ),
      initialOptions: InAppWebViewGroupOptions(
        android: AndroidInAppWebViewOptions(
          useHybridComposition: true,
        ),
      ),
      onWebViewCreated: (controller) {
        // 注入CSS文件
        controller.injectCssCode("""
          // CSS代码
        """);

        // 注入JS文件
        controller.injectJavascriptCode("""
          // JS代码
        """);
      },
    );
  }
}

在上述代码中，通过controller.injectCssCode方法和controller.injectJavascriptCode方法，可以分别注入CSS和JS代码。