React native olarak metni nasıl dikey (90 derece döndürülmüş) yapabilirim?

105

<Text />React native olarak dikey (90 derece döndürülmüş) nasıl yapabilirim ? Sayfanın sağ tarafında ekranın kenarı boyunca biraz metin olmasını istiyorum.

react-native

— Dev01
kaynak

Yanıtlar:

223

Bir dönüşüm kullanabilirsiniz.

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

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

— d-asma
kaynak

@JacobLauritzen, React Native'de çalışıyor! Şu anda test ettim ve 0.52.0 sürümüyle çalışıyor.

— shimatai

@shimatai harika! Çözüm değil, önceki (şimdi silinmiş) bir yoruma yanıt veriyordum. Çözüm harika çalışıyor.

— Jacob Lauritzen

Benim durumum için, metin bir Dokunulabilir'e sarılmış. Ve döndükten sonra dokunulabilir alan değişmemiş gibi görünüyor. Herhangi bir fikir?

— chengsam

@chengsam Offhand Touchable'ı da döndürmeniz gerekebileceğini tahmin ediyorum (veya belki Touchable'ı döndürmek, bir çocuksa metni de döndürecektir).

— Matthew McCord

-1

reklam görünümü

            <View style={styles.arrow_1_6} ></View>

stil dönüşümü ekleyin: [{rotate: '14deg'}], görünüm konumunu mutlak hale getirirseniz, başka bir görünümü etkilemez!

0 ile 360 derece arasında döndürme başlangıcı.

   arrow_1_6: {
   transform: [{ rotate: '14deg' }],
  width: 260,
  marginTop: 145,
  position: 'absolute',
  marginLeft: 75,
  backgroundColor: 'orange',
  height: 4,
  flexDirection: "row",
  padding: 0,
  alignItems: 'center',
  justifyContent: 'flex-start',
  borderBottomColor: '#075fff',
  borderBottomWidth: 4,

— Omar bakhsh
kaynak