Come posso rendere il testo verticale (ruotato di 90 gradi) in React Native?


94

Come posso rendere <Text />verticale (ruotato di 90 gradi) in React Native? Voglio avere del testo sul lato destro della pagina lungo il bordo dello schermo.

Risposte:


209

Puoi usare una trasformazione.

https://facebook.github.io/react-native/docs/transforms.html#proptypes

myStyle: {
    transform: [{ rotate: '90deg'}]
}

@JacobLauritzen funziona in React Native! Ho provato adesso e funziona con la versione 0.52.0.
shimatai

@shimatai fantastico! Tuttavia, stavo rispondendo a un commento precedente (ora eliminato), non la soluzione. La soluzione funziona alla grande.
Jacob Lauritzen

Nel mio caso, il testo è avvolto in un Touchable. E dopo la rotazione, l'area toccabile sembra rimanere invariata. Qualche idea?
chengsam

@chengsam Offhand Immagino che potresti dover ruotare anche Touchable (o forse ruotare Touchable ruoterà anche il testo se è un bambino).
Matthew McCord
Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.