时间戳

首页 > 解决方案 > 如何在 Flutter 中渲染网站的部分内容？

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

问题描述

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

我需要做什么才能在 Flutter 应用程序的 WebView 中显示这些内容？

谢谢

标签： flutterwebview

解决方案

这个答案演示了如何将 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 内容。

推荐阅读