নেটিভ ক্ষেত্রে কীভাবে <টেক্সট> পাঠ্যকে বড় হাতের অক্ষরে সেট করা যায়

86

<Text> some text </Text>নেটিভ প্রতিক্রিয়া হিসাবে বড় হাতের হিসাবে সেট কিভাবে

<Text style={{}}> Test </Text>

টেস্টটি টেস্ট হিসাবে দেখানো দরকার।

react-native

— থিভ্যা
সূত্র

20

<Text style={{}}> {'Test'.toUpperCase()} </Text>

— ইভান চেরনিখ

129

আইওএস টেক্সট ট্রান্সফর্ম সমর্থনটি 0.56 সংস্করণে দেশীয় প্রতিক্রিয়াতে যুক্ত করা হয়েছে। অ্যান্ড্রয়েড টেক্সট ট্রান্সফর্ম সমর্থন 0.59 সংস্করণে যুক্ত করা হয়েছে। এটি এই বিকল্পগুলির একটি গ্রহণ করে:

কিছুই না
বড় হাতের নাড়ি
লোয়ারকেস
মূলধন

আসল আইওএস কমিট , অ্যান্ড্রয়েড কমিট এবং ডকুমেন্টেশন

উদাহরণ:

<View>
  <Text style={{ textTransform: 'uppercase'}}>
    This text should be uppercased.
  </Text>
  <Text style={{ textTransform: 'capitalize'}}>
    Mixed:{' '}
    <Text style={{ textTransform: 'lowercase'}}>
      lowercase{' '}
    </Text>
  </Text>
</View>

— কালো
সূত্র

113

@ চেরেনিভ উত্তরের জন্য ধন্যবাদ

<Text style={{}}> {'Test'.toUpperCase()} </Text>

— থিভ্যা
সূত্র

6

এটি আসলে কোনও সমাধান নয়। আমি যদি বড় হাতের টেক্সটে অ্যানিমেট করতে চাই?

— মিশাল

16

@ মিচাল অ্যানিমেশনটিকে উপরের ক্ষেত্রে কী পাঠ্য হবে তা দেখতে এটি একটি দুর্দান্ত শীতল প্রভাব বলে মনে হচ্ছে আমি এখনই এটি কল্পনা করতে পারি না।

— Noitidart

4

@ মিচল টেক্সট সহ শীতল অ্যানিমেশন করতে লোটি ব্যবহার করুন । আপনি অ্যাডোব-এর পরে উদাহরণস্বরূপ কাস্টম অ্যানিমেশন তৈরি করতে পারেন ।

— যিশান জে

6

এটি আর সঠিক উত্তর নয়। পাঠ্য রূপান্তরের জন্য প্রতিক্রিয়া নেটিভটিতে ডিফল্ট স্টাইল রয়েছে। আমার উত্তর নমুনা পরীক্ষা করুন।

— কালো

5

নেটিভ .toUpperCase () ফাংশনটি স্ট্রিংয়ে ভাল কাজ করে তবে আপনি যদি ব্যবহার করেন numbersবা other non-string data typesএটি কাজ করে না। errorঘটেছে হবে।

দুটি নীচে স্ট্রিং বৈশিষ্ট্য রয়েছে:

<Text>{props.complexity.toUpperCase()}</Text>

<Text>{props.affordability.toUpperCase()}</Text>

— নাজাঠি
সূত্র

0

আপনার স্টাইল ট্যাগে পাঠ্য রূপান্তরের সম্পত্তি ব্যবহার করুন

textTransform:'uppercase'

— বিসমা
সূত্র