dart - 如何显示 HTML Assets 文件？

Question

我的 assets 目录中有一个 .html 文件。

如何在 Flutter 中显示/渲染它？

Answer 1

Flutter 团队 的包昨天发布了:

webview_flutter

如何加载本地资源:

将文件添加到项目并更新您的 pubspec:

//...
assets:
    //...
    - assets/yourFile.html
    //...

---

在您的小部件中:

child: FutureBuilder<String>(
  future: LocalLoader().loadLocal(),
  builder: (context, snapshot) {
    if (snapshot.hasData) {
      //                                return Text("${snapshot.data}");
      return WebView(
        initialUrl: new Uri.dataFromString(snapshot.data,
                mimeType: 'text/html')
            .toString(),
        // maybe you Uri.dataFromString(snapshot.data, mimeType: 'text/html', encoding: Encoding.getByName("UTF-8")).toString()
        javascriptMode: JavascriptMode.unrestricted,
      );
    } else if (snapshot.hasError) {
      return Text("${snapshot.error}");
    }

    return CircularProgressIndicator();
  },
),

从文件中加载文本:

class LocalLoader {
  Future<String> loadLocal() async {
    return await rootBundle.loadString('assets/yourFile.html');
  }
}