我可以在 Nativescript 标签或 Textviews 中使用富文本吗答案

【问题标题】：Can I use rich text in Nativescript labels or Textviews我可以在 Nativescript 标签或 Textviews 中使用富文本吗
【发布时间】：2019-04-10 14:05:51
【问题描述】：

我正在构建一个应用程序，其中包含大量需要格式化的文本：下划线大胆的网页链接罢工槽 ETC， ... 我知道我可以将这种格式应用于完整的文本，但没有找到一种方法来处理文本中的特定句子或单词。是否有任何类型的丰富文本（例如降价）可以让我添加这种格式。

重要提示，我想在原生元素中添加这种格式，而不是打开 web 视图并注入 HTML 标记。

理想情况下，解决方案应该是平台无关的，支持 IOS 和 Android 以及将来集成到 NativeScript 中的任何未来目标。

谢谢

雷蒙德

【问题讨论】：

标签： android ios nativescript

【解决方案1】：

是的 - 您可以使用 HTMLView 组件。 请注意，这不是使用浏览器，而是呈现原生富文本组件。

有关更多信息，请查看文档 - http://docs.nativescript.org/ApiReference/ui/html-view/HOW-TO

【讨论】：

感谢Valentine，我没有意识到HTMLView 可以用作组件并假设它是一个覆盖整个屏幕的视图（就像一个页面）。实际上，在阅读了您的答案后，我设法以足够的精度在堆栈和列中使用了 HTMLView 组件。可惜这个功能没有内置在标签、按钮和所有带有文本元素的组件中。

【解决方案2】：

到目前为止，我相信这可以使用本机脚本 FormattedString 来完成。

它应该适用于 Android 和 iOS。下面是 Nativescript 组件用法的快速示例：

<Label class="h3 p-15 m-15 text-left">
    <FormattedString>
        <Span text="Words " color="#006600" ></Span>
        <Span text="with " color="#990000" fontAttributes="Bold"></Span>
        <Span text="different " color="#ffcc00"></Span>
        <Span text="color."></Span>
    </FormattedString>
</Label>

您可以使用支持的 CSS 为您的文本设置相应的样式。例如，你可以使用 css 属性 text-decoration: underline;

【讨论】：