nativescript-htmllabel
farfromrefuge | v1.0.41
支持HTML的NativeScript标签实现
npm i --save nativescript-htmllabel

# NativeScript 标签小部件 npm downloads npm downloads npm

一个NativeScript标签小部件。它是{n}标签小部件的直接替代品。

安装

从项目的根目录运行以下命令

tns plugin add nativescript-htmllabel

此命令将自动安装必要的文件,并将nativescript-htmllabel存储为项目package.json文件中的依赖项。

配置

它的工作方式与{n}插件完全相同。但它增加了一些改进

iOS性能

在iOS中,使用系统方式生成HTML字符串可能会很慢。您可以通过启用DTCoreText来使其更快。

  • 在您的应用Podfile中App_Resources/ios处添加pod DTCoreText
pod 'DTCoreText'
  • 在您的app.(js|ts)中启用它(尽可能早)
require('nativescript-htmlabel').enableIOSDTCoreText();

属性

  • html
    用于渲染文本的HTML文本。iOS和Android支持的HTML标签略有不同。为确保按预期工作,目前仅使用Android支持的标签

  • verticalTextAlignment
    您也可以通过CSS中的vertical-text-alignment设置它

  • textShadow
    您也可以通过CSS中的text-shadow设置它。格式为offsetx offsety blurradius color

改进

  • 覆盖{n}字体加载系统,使其速度更快
  • 更快的FormattedString创建
  • 标签创建和绘制更快,尤其是在Android上