Glavni problem s react izvornim podcrtanim tekstom je taj što može biti teško dobiti željeni izgled i dojam. Osim toga, može biti teško održati podcrtavanje dosljednim na različitim uređajima.
<Text style={{textDecorationLine: 'underline'}}>This is an underlined text</Text>
Ovaj redak koda stvara tekstualnu komponentu s tekstom "Ovo je podcrtani tekst" i stilom "textDecorationLine: 'podcrtano'".
Kako dati stilove tekstu
Postoji nekoliko načina za davanje stilova tekstu u React Native.
Jedan od načina je korištenje StyleSheet API-ja. Ovaj API omogućuje definiranje stilova za pojedinačne tekstualne čvorove i atribute u vašem React Native kodu. Više informacija o StyleSheet API-ju možete pronaći na dokumentacijskoj web stranici React Native.
Drugi način je korištenje TextStyle komponente. Ova vam komponenta omogućuje definiranje stilova za cijele odlomke ili blokove teksta u vašem React Native kodu. Više informacija o TextStyle komponenti možete pronaći na web stranici dokumentacije React Native.
Svojstva teksta u Reactu
Svojstva teksta u React Native slična su svojstvima teksta u Reactu. Možete koristiti tekstualne rekvizite da biste postavili tekst komponente ili možete koristiti API za tekst da biste dobili tekst komponente.
Za postavljanje teksta komponente upotrijebite svojstvo text:
Da biste dobili tekst komponente, upotrijebite Text API:
