Как редактировать цвет шрифта в некоторых словах из текстового компонента в React Native - PullRequest
Новая
       7

Как редактировать цвет шрифта в некоторых словах из текстового компонента в React Native

0 голосов
/ 07 июня 2018

Я знаю, что React Native имеет руководство по этой проблеме в своей документации, но моя проблема совершенно иная, потому что строка, отображаемая внутри компонента Text, взята из базы данных, а не жестко закодирована.

У меня есть этоСтрока skillDescription, которая хранится в моей базе данных firebase.Я хотел изменить цвета в некоторых словах, к сожалению, результат дал мне чистую строку рис здесь .У меня вопрос, как я могу отредактировать некоторые слова из этих данных?

Примечание: у меня есть много строк, хранящихся в skillDescription, поэтому я не могу просто использовать стиль жесткого кода в моем текстовом компоненте

1 Ответ

0 голосов
/ 07 июня 2018

Вероятно, лучшее, что вы можете сделать, это сохранить строку в виде строки HTML и использовать https://github.com/archriss/react-native-render-html для визуализации HTML.

Вы можете использовать классы и определять их в своем коде реагирующего кода.

Примером (htmlBody) является чтение html из базы данных: 

<HTML 
    html = {htmlBody}
    tagsStyles = {{
       span:  {fontSize: 16}, 
       p:     {fontSize: 16, color: 'green'}
    }}
    classesStyles = {{
     'ql-size-large': {fontSize: largeSize, color:'red'},
     'ql-size-small': {fontSize: smallSize, color:'yellow'}
    }
}/>
...