Flutter WebView 与本地 Angular 构建

Question

是否可以在 Flutter WebView 中托管 Angular 应用程序的本地构建？

我设法在我的资产文件夹中托管了一个简单的 web 页面，但我无法让 Angular 构建工作。

我的 angular 构建：

我的代码：

// lib/main.dart

...
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: WebView(
        initialUrl: "about:blank",
        javascriptMode: JavascriptMode.unrestricted,
        onWebViewCreated: (controller) async {
          var file = await rootBundle.loadString('assets/angular-app/dist/angular-app');
          var uri = Uri.dataFromString(file, mimeType: 'text/html', encoding: Encoding.getByName('utf-8'));
          controller.loadUrl(uri.toString());
        },
      ),
    );
  }
...

// android/app/build.gradle

defaultConfig {
  ...
  minSdkVersion 19 // Required for Flutter WebView
  ...
}

// pubspec.yaml

flutter:
  ...
  assets:
    - assets/angular-app/dist/angular-app/index.html