反応ネイティブでテキストを垂直(90度回転)にするにはどうすればよいですか?


94

どうすれば<Text />、react nativeで垂直(90度回転)にすることができますか?画面の端に沿ってページの右側にテキストを表示したい。

回答:


209

変換を使用できます。

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

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

@JacobLauritzen React Nativeで動作します!私は今テストしましたが、バージョン0.52.0で動作します。
shimatai 2018年

@shimataiすごい!以前の(現在は削除されている)コメントに返信しましたが、解決策ではありませんでした。ソリューションはうまく機能します。
Jacob Lauritzen 2018年

私の場合、テキストはTouchableでラップされています。そして、回転後、タッチ可能な領域は変更されていないようです。何か案が?
チェンサム

@chengsam Offhand Touchableも回転させる必要があると思います(または、Touchableを回転させると、テキストが子の場合はテキストも回転します)。
マシューマッコード
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.