Wie kann ich Text vertikal (um 90 Grad gedreht) in reaktiv nativ machen?

91

Wie kann ich <Text />in Reaktion nativ vertikal (um 90 Grad gedreht) machen? Ich möchte einen Text auf der rechten Seite der Seite am Rand des Bildschirms haben.

Dev01
quelle

Antworten:

201

Sie können eine Transformation verwenden.

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

myStyle: {
    transform: [{ rotate: '90deg'}]
}
D-Rebe
quelle
@JamesGentes ist möglicherweise bei CSS der Fall, nicht bei React Native.
Jacob Lauritzen
@ JacobLauritzen ok wusste nicht, dass wird mein Kommentar entfernen
James Gentes
@ JacobLauritzen es funktioniert in React Native! Ich habe gerade getestet und es funktioniert mit Version 0.52.0.
Shimatai
@ Shimatai super! Ich habe auf einen vorherigen (jetzt gelöschten) Kommentar geantwortet, jedoch nicht auf die Lösung. Die Lösung funktioniert hervorragend.
Jacob Lauritzen
In meinem Fall wird der Text in ein Touchable eingeschlossen. Und nach der Drehung scheint der berührbare Bereich unverändert zu bleiben. Irgendeine Idee?
Chengsam