Flutter——如何使用 html 链接渲染 Flutter 文本 [重复]

Posted

技术标签:

【中文标题】Flutter——如何使用 html 链接渲染 Flutter 文本 [重复]【英文标题】:Flutter -- how to render a Flutter text with html link [duplicate] 【发布时间】:2020-12-10 07:44:42 【问题描述】:

我有想要使用颤振显示的文本。但是,该文本包含一个 html 链接

例如

I have for now, thanks for your time!  Make sure to check <a href='https://yahoo.com/jobs/'><b>yahoo</b></a> . 

如何显示带有颤动文本的链接?目前,它显示带有 HTML 标记的文本。

谢谢

【问题讨论】:

【参考方案1】:

你可以使用 flutter_linkify 包

或参考这些答案之一https://***.com/questions/43583411/how-to-create-a-hyperlink-in-flutter-widget#:~:text=7%20Answers&text=Just%20wrap%20an%20InkWell%20around,package%20before%20using%20it%20below.&text=You%20can%20supply%20a%20style,it%20look%20like%20a%20link。

【讨论】:

【参考方案2】:

您可以使用flutter_html 包。该包目前支持的html标签:

a, abbr, acronym, address, article, aside, b, bdi, bdo, big, blockquote, body, br, caption, cite, code, data, dd, del, dfn, div, dl, dt, em, figcaption, figure, footer, h1, h2, h3, h4, h5, h6, header, hr, i, img, ins, kbd, li, main, mark, nav, noscript, ol, p, pre, q, rp, rt, ruby, s, samp, section, small, span, strike, strong, sub, sup, table, tbody, td, template, tfoot, th, thead, time, tr, tt, u, ul, var

【讨论】:

以上是关于Flutter——如何使用 html 链接渲染 Flutter 文本 [重复]的主要内容,如果未能解决你的问题,请参考以下文章

如何使用 HTML 渲染图像,使用 Flutter 创建 iOS-App 的 CSS?

Flutter 核心渲染流程分析

如何在 Flutter Web 中渲染 SVG?

如何在 Flutter 中使用函数创建动态 TabBarView/渲染新 Tab?

深入理解flutter的编译原理与优化

Flutter 2 渲染原理和如何实现视频渲染