如何在 Flutter 中渲染网站的部分内容？

【问题标题】：How to render partial content of a website in Flutter?如何在 Flutter 中渲染网站的部分内容？
【发布时间】：2020-05-28 14:10:14
【问题描述】：

我是 Flutter 新手，我想在我的 Flutter 应用程序中渲染网站的部分内容。想象一下这个例子：我要渲染这个网站的主要内容：https://flutter.dev/。我可以通过执行javascript命令来获取这个内容：document.getElementsByClassName("container")[0]。

如何在 Flutter 应用程序内的 WebView 中显示此内容？

谢谢

【问题讨论】：

标签： flutter webview

【解决方案1】：

This answer demonstrates 如何将 html 内容传递给 Flutter 中的 Webview 插件。在您的情况下，您不需要像该答案那样从文件中读取，只需传入您从需要使用的任何方式获得的字符串。

该答案代码的相关部分是：

 String fileText = await rootBundle.loadString('assets/help.html');
    _controller.loadUrl( Uri.dataFromString(
        fileText,
        mimeType: 'text/html',
        encoding: Encoding.getByName('utf-8')
    ).toString());

在您的情况下，fileText 字符串是您从某处获得的 html 内容。

【讨论】：