HTML 内容的 Flutter URL 启动器无法正常工作

Question

我正在使用 Flutter 开发一个应用程序。现在我需要在我的应用程序中呈现包含锚链接的 HTML 内容。但是 HTML 内容中的链接存在问题，单击时不会在浏览器中打开链接。

这是我的代码。

Container(
                              color: Colors.white,
                              padding: EdgeInsets.only(top: 10, right: 10, bottom: 10, left: 10),
                              child: Html(
                                  data: htmlContent,
                                  onLinkTap: (link) {
                                    launch(link);
                                  },
                              ))

当我点击它时，它不起作用。

我在顶部导入了这个库。

import 'package:url_launcher/url_launcher.dart';

我的代码有什么问题以及如何修复它？

Answer 1

 Html(
  data: dataHTML,
  onLinkTap: (url, _, __, ___) async {
    if (await canLaunch(url!)) {
      await launch(
        url,
      );
    } 
  },
);

在最近的版本中，flutter_html 在使用此事件时，会请求更多参数来完成文档中详细说明的特定任务，但如果目的只是启动 URL，他们可以这样做，不要忘记添加<queries> 如果您的应用程序使用您在使用 url_launcher 中指定的 API 30 或更高版本，则在 AndroidManifest 中

Answer 2

在 HTML 中打开链接对我来说是这样的：

Html(
  data: 'This is some <a href="https://pub.dev/packages/url_launcher">link</a>',
  onLinkTap: (url) async {
    if (await canLaunch(url)) {
      await launch(
        url,
      );
    } else {
      throw 'Could not launch $url';
    }
  },
)

请注意，我在使用打开链接之前首先使用await该方法。canLaunchlaunch

你的链接是什么？您能给我们举个例子吗？谢谢！