Ratkaistu: muuta yliviivauksen väriä tekstirivin läpi react-natiiviversiossa

Suurin ongelma tekstirivin yliviivauksen värin muuttamisessa React Nativessa on, että halutun vaikutuksen saavuttaminen voi olla vaikeaa.

I have a text component in React Native and I want to change the color of the strike through line. How can I do this?


A:

You can use the <code>textDecorationColor</code> style property: https://facebook.github.io/react-native/docs/text-style-props#textdecorationcolor
<code>&lt;Text style={{ textDecorationLine: 'line-through', textDecorationColor: 'red' }}&gt;Hello world!&lt;/Text&gt;</code>

Reagoi alkuperäiseen yliviivaustekstiin tyylisivulla

React Nativessa voit käyttää Text-komponentin styleSheet-ominaisuutta soveltaaksesi tyylejä tekstiin.

Jotta voit käyttää styleSheet-ominaisuutta, sinun on ensin luotava StyleSheet-objekti. Tämän jälkeen voit käyttää styleSheet-ominaisuutta soveltaaksesi tyylejä tekstiin.

Tässä on esimerkki siitä, kuinka styleSheet-ominaisuutta käytetään tyylien soveltamiseen React Nativen tekstiin:

Tämä on tekstiä tyyleillä