আমি কীভাবে পাঠ্যকে উল্লম্ব (90 ডিগ্রি ঘোরানো) দেশীয় প্রতিক্রিয়াতে তৈরি করতে পারি?

103

আমি কীভাবে <Text />প্রতিক্রি নেটিভটিতে উল্লম্ব (ঘোরানো 90 ডিগ্রি) করতে পারি ? আমি পর্দার প্রান্ত বরাবর পৃষ্ঠার ডানদিকে কিছু পাঠ্য চাই।

react-native

— দেব01
সূত্র

উত্তর:

221

আপনি একটি রূপান্তর ব্যবহার করতে পারেন।

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

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

— ডি-লতা
সূত্র

@ জ্যাকবলৌরিটজন এটি রিয়েট নেটিভে কাজ করে! আমি এখনই পরীক্ষা করেছি এবং এটি 0.52.0 সংস্করণে কাজ করে।

— শিমাতাই

@ শিমতটাই দুর্দান্ত! আমি কোনও পূর্ববর্তী (এখন মুছে ফেলা) মন্তব্যটির জবাব দিচ্ছিলাম, যদিও সমাধানটি নয়। সমাধান দুর্দান্ত কাজ করে।

— জ্যাকব লরিজ্জন

আমার ক্ষেত্রে, পাঠ্যটি একটি স্পর্শযোগ্য wra এবং ঘোরার পরে, স্পর্শযোগ্য অঞ্চলটি অপরিবর্তিত রয়েছে বলে মনে হয়। কোন ধারণা?

— চেঙ্গসাম

@ চেঞ্জাম অফহ্যান্ড আমি অনুমান করব যে আপনার স্পর্শযোগ্যকেও ঘোরানো দরকার হতে পারে (বা স্পর্শযোগ্যকে ঘুরানোও যদি এটি শিশু হয় তবে পাঠ্যটিও ঘোরানো হবে)।

— ম্যাথু ম্যাককর্ড

-1

সৃজন দৃশ্য

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

স্টাইল ট্রান্সফর্ম এ যুক্ত করুন: [{ঘোরান: '14deg'}], আপনি যদি অবস্থানের অবস্থানটি সম্পূর্ণ করেন তবে এটি অন্য দর্শনকে প্রভাবিত করবে না!

0 থেকে 360 ডিগ্রি পর্যন্ত ঘোরানো শুরু।

   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,

— ওমর বখশ
সূত্র