flutter - Flutter：显示带有嵌入 html 标签的文本，并使电子邮件和电话号码可点击

Question

如何使用嵌入的 html 标签显示文本，然后在 Flutter 中使电子邮件和电话号码可点击？

示例文本：

Good to know you!<br/><br/> <br/>Apply online today! If you have any questions please contact fname@[e-mail]<br/>theUser will reach out if we believe you would be a good fit.<br/><br/>
<br>111-222-3333</br>

我想让文本中的电话和电子邮件可点击并打开正确的应用程序（电子邮件或电话）。

这是我的代码片段来显示文本：

 Container(
   padding: const EdgeInsets.only(top: 15.0),
   child: Html(
     defaultTextStyle: TextStyle(fontSize: 16.0),
     data: jobDetail.description,
 ),

我正在使用插件“flutter_html 0.11.0”来呈现文本。

你能告诉我怎么做吗？

标签： flutter

Answer 1

您可以使用带有tel:和mailto:href 前缀的锚标记。电子邮件链接甚至可以预先填写某些字段。

<a href="tel:[phone]">317.759.4940</a> 
<a href="mailto:[e-mail]?Subject=Hello%20again" target="_top">Send Mail</a>