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.