Comment puis-je rendre le texte vertical (pivoté de 90 degrés) dans React Native?

94

Comment puis-je rendre <Text />vertical (rotation de 90 degrés) dans React Native? Je veux avoir du texte sur le côté droit de la page le long du bord de l'écran.

react-native Dev01
la source

Réponses:

209

Vous pouvez utiliser une transformation.

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

myStyle: {
    transform: [{ rotate: '90deg'}]
}
d-vigne
la source
@JacobLauritzen ça marche dans React Native! J'ai testé en ce moment et cela fonctionne avec la version 0.52.0.
shimatai
@shimatai génial! Je répondais à un commentaire précédent (maintenant supprimé), mais pas à la solution. La solution fonctionne très bien.
Jacob Lauritzen
Pour mon cas, le texte est enveloppé dans un Touchable. Et après rotation, la zone touchable semble rester inchangée. Une idée?
chengsam
@chengsam Offhand Je suppose que vous devrez peut-être également faire pivoter le Touchable (ou peut-être que faire pivoter le Touchable fera également pivoter le texte s'il s'agit d'un enfant).
Matthew McCord