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

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.

react-native

— Dev01
fonte

209

Puoi usare una trasformazione.

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

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

— d-vine
fonte

@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