【问题标题】: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;

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2020-03-16
      • 2020-07-26
      • 2018-08-02
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多