Como posso tornar o texto vertical (girado 90 graus) em react nativo?

94

Como posso fazer a <Text />vertical (girada 90 graus) em reagir nativo? Quero ter algum texto no lado direito da página, ao longo da borda da tela.

Dev01
fonte

Respostas:

209

Você pode usar uma transformação.

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

myStyle: {
    transform: [{ rotate: '90deg'}]
}
d-vine
fonte
@JacobLauritzen funciona no React Native! Eu testei agora e funciona com a versão 0.52.0.
shimatai
@shimatai incrível! Eu estava respondendo a um comentário anterior (agora excluído), mas não a solução. A solução funciona muito bem.
Jacob Lauritzen
No meu caso, o texto está embrulhado em um tocável. E após a rotação, a área tocável parece permanecer inalterada. Qualquer ideia?
chengsam
@chengsam Offhand Acho que você também pode precisar girar o Tocável (ou talvez girar o Tocável também girará o texto, se for um filho).
Matthew McCord