Làm cách nào để tạo văn bản theo chiều dọc (xoay 90 độ) trong phản ứng gốc?

Làm cách nào để tạo <Text />phản ứng gốc (xoay 90 độ) thẳng đứng (xoay 90 độ)? Tôi muốn có một số văn bản ở phía bên phải của trang dọc theo cạnh màn hình.

react-native

— Dev01
nguồn

209

Bạn có thể sử dụng một phép biến đổi.

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

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

— d-cây nho
nguồn

@JacobLauritzen nó hoạt động trong React Native! Tôi đã thử nghiệm ngay bây giờ và nó hoạt động với phiên bản 0.52.0.

— shimatai

@shimatai tuyệt vời! Tuy nhiên, tôi đang trả lời một nhận xét trước đó (hiện đã bị xóa), không phải là giải pháp. Giải pháp hoạt động tuyệt vời.

— Jacob Lauritzen

Đối với trường hợp của tôi, văn bản được bao bọc trong một cái Có thể chạm được. Và sau khi xoay, khu vực có thể chạm vào dường như vẫn không thay đổi. Bất kỳ ý tưởng?

— chengsam

@chengsam Offhand Tôi đoán rằng bạn cũng có thể cần phải xoay Cái có thể chạm (hoặc có thể xoay Cái có thể chạm cũng sẽ xoay văn bản nếu đó là trẻ em).

— Matthew McCord