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

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
source

209

Vous pouvez utiliser une transformation.

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

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

— d-vigne
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