Glavni problem sa reagujućim izvornim podvlačenjem teksta je to što može biti teško dobiti željeni izgled i osećaj. Osim toga, može biti teško održati dosljedno podvlačenje na različitim uređajima.
<Text style={{textDecorationLine: 'underline'}}>This is an underlined text</Text>
Ova linija koda stvara komponentu teksta sa tekstom “Ovo je podvučeni tekst” i stilom “textDecorationLine: 'podvučena'”.
Kako dati stilove tekstu
Postoji nekoliko načina da date stilove tekstu u React Native.
Jedan od načina je korištenje StyleSheet API-ja. Ovaj API vam omogućava da definirate stilove 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 web stranici React Native dokumentacije.
Drugi način je korištenje komponente TextStyle. Ova komponenta vam omogućava da definirate stilove za cijele pasuse ili blokove teksta u vašem React Native kodu. Više informacija o komponenti TextStyle možete pronaći na web stranici React Native dokumentacije.
Svojstva teksta u Reactu
Svojstva teksta u React Native su slična svojstvima teksta u Reactu. Možete koristiti tekstualne props za postavljanje teksta komponente ili možete koristiti Text API da biste dobili tekst komponente.
Da postavite tekst komponente, koristite svojstvo teksta:
Da biste dobili tekst komponente, koristite Text API:
