मूल पाठ में ऊपरी मामले में <text> टेक्स्ट कैसे सेट करें

85

<Text> some text </Text>मूल प्रतिक्रिया में ऊपरी मामले के रूप में कैसे सेट करें

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

टेस्ट के रूप में उस टेस्ट को दिखाने की आवश्यकता है।

react-native

— Thivya
स्रोत

19

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

— इवान चेर्निख

125

iOS टेक्स्टट्रांसफॉर्म सपोर्ट को 0.56 वर्जन में प्रतिक्रिया-मूल में जोड़ा गया है। एंड्रॉइड टेक्स्टट्रांसफॉर्म सपोर्ट को 0.59 वर्जन में जोड़ा गया है। यह इन विकल्पों में से एक को स्वीकार करता है:

कोई नहीं
अपरकेस
लोअरकेस
मूल बनाना

वास्तविक iOS प्रतिबद्ध , Android प्रतिबद्ध और प्रलेखन

उदाहरण:

<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

@Cherniv उत्तर के लिए धन्यवाद

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

— Thivya
स्रोत

6

यह वास्तव में एक समाधान नहीं है। क्या होगा अगर मैं पाठ को अपरकेस करने के लिए चेतन करना चाहता हूं?

— मीकल

16

@ मिचल क्या ऊपरी मामले को एनीमेशन दिखाएगा, यह एक सुपर शांत प्रभाव की तरह लगता है, मैं अभी इसकी कल्पना नहीं कर सकता।

— Noitidart

2

@ मिचल टेक्स्ट के साथ, शांत एनिमेशन करने के लिए लोटी का उपयोग करें । आप Adobe After Effects, उदाहरण के माध्यम से कस्टम एनिमेशन बना सकते हैं ।

— यशो जय

6

यह अब सही उत्तर नहीं है। पाठ परिवर्तन के लिए प्रतिक्रिया मूल में डिफ़ॉल्ट शैली है। कृपया मेरे उत्तर को देखें।

— काला

3

प्रतिक्रियाशील मूल .toUpperCase () फ़ंक्शन एक स्ट्रिंग में ठीक काम करता है, लेकिन यदि आपने numbersया का उपयोग किया है other non-string data types, तो यह काम नहीं करता है। errorहुआ होगा।

नीचे दो स्ट्रिंग गुण हैं:

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

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

— Najathi
स्रोत