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.

Antworten:


201

Sie können eine Transformation verwenden.

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

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

@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
Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.