如何在Nativescript HtmlView标签中设置链接颜色?

时间:2019-07-01 15:05:06

标签: nativescript nativescript-vue

我需要在iOS的HtmlView中更改链接颜色。在Android上,我可以通过编辑/app/App_Resources/Android/src/main/res/values/colors.xml来设置默认颜色。我找不到在iOS上执行此操作的方法。任何帮助将不胜感激。

我尝试使用内联样式{N}属性,但似乎没有影响链接颜色的迹象。它适用于段落标签或跨度,但不会影响链接。

简化/解释代码


    <HtmlView html="
        <span>just some text </span>
        <br>
        <p style='text-align: center;'>
            <span style='color: red;'>this will get colored </span>
            <br>
            <a href='https://google.com'>link - this will not get colored</a>
        </p>
    "></HtmlView>

显示设备上的外观:

ios

android

我无法在此处将其添加为图片...它想要10以上的信誉,而我没有。

预先感谢您的任何建议。

1 个答案:

答案 0 :(得分:0)

您可以在本机对象上调整 tintColor (iOS)/ textColorLink (Android)。

HTML

     <HtmlView @loaded="onLoaded" html="
        <span>just some text </span>
        <br>
        <p style='text-align: center;'>
            <span style='color: red;'>this will get colored </span>
            <br>
            <a href='https://google.com'>link - this will not get colored</a>
        </p>
    "></HtmlView>

方法

import * as colorModule from "tns-core-modules/color";

onLoaded: function(args) {
   const color = new colorModule.Color("green");
   if (args.object.ios) {
      args.object.ios.tintColor = color.ios;
   } else {
      args.object.android.setLinkTextColor(color.android);
   }
}