Gelöst: Ändern Sie die Farbe des Strichs durch die Textzeile in React Native

Letzte Aktualisierung: 09/11/2023

Das Hauptproblem beim Ändern der Farbe einer durchgestrichenen Textzeile in React Native besteht darin, dass es schwierig sein kann, den gewünschten Effekt zu erzielen.

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>

Reagieren Sie mit dem StyleSheet auf nativen durchgestrichenen Text

In React Native können Sie die Eigenschaft styleSheet einer Textkomponente verwenden, um Stile auf Text anzuwenden.

Um die styleSheet-Eigenschaft zu verwenden, müssen Sie zuerst ein StyleSheet-Objekt erstellen. Dann können Sie die styleSheet-Eigenschaft verwenden, um Stile auf Text anzuwenden.

Hier ist ein Beispiel dafür, wie Sie die Eigenschaft styleSheet verwenden, um Stile auf Text in React Native anzuwenden:

Dies ist ein Text mit Stilen

Zusammenhängende Posts: