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.

Respostas:


209

Você pode usar uma transformação.

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

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

@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
Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.