Как установить цвет ссылки в теге Nativescript HtmlView? - PullRequest
Новая
       2

Как установить цвет ссылки в теге Nativescript HtmlView?

0 голосов
/ 01 июля 2019

Мне нужно изменить цвет ссылки в HtmlView на iOS.На 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 голосов
/ 01 июля 2019

Вы можете настроить 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);
   }
}
...