วิธีตั้งค่าข้อความ <Text> เป็นตัวพิมพ์ใหญ่ในการตอบสนองเนทีฟ

วิธีตั้งค่า<Text> some text </Text>เป็นตัวพิมพ์ใหญ่ใน react native

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

ต้องแสดงการทดสอบนั้นเป็นการทดสอบ

เพิ่มการรองรับ textTransform ของ iOS ให้ตอบสนองในเวอร์ชัน 0.56 แล้ว เพิ่มการรองรับ textTransform ของ Android ในเวอร์ชัน 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>

@Cherniv ขอบคุณสำหรับคำตอบ

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

ฟังก์ชัน React Native .toUpperCase () ทำงานได้ดีในสตริง แต่ถ้าคุณใช้numbersหรือother non-string data typesไม่ได้ผล errorจะได้เกิดขึ้น

ด้านล่างสองเป็นคุณสมบัติของสตริง:

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

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

ใช้คุณสมบัติการแปลงข้อความในแท็กสไตล์ของคุณ

textTransform:'uppercase'