Yerel tepki olarak <Metin> metni büyük harf olarak nasıl ayarlanır

86

<Text> some text </Text>React native için büyük harf nasıl ayarlanır

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

Testin TEST olarak gösterilmesi gerekiyor.

react-native

— Thivya
kaynak

20

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

— Ivan Chernykh

129

0.56 sürümünde react-native için iOS textTransform desteği eklendi. 0.59 sürümünde Android textTransform desteği eklendi. Şu seçeneklerden birini kabul eder:

Yok
büyük harf
küçük harf
büyük harf yapmak

Gerçek iOS kaydı , Android işleme ve dokümantasyon

Misal:

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

— Siyah
kaynak

113

@Cherniv Cevap için teşekkürler

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

— Thivya
kaynak

6

Bu gerçekten bir çözüm değil. Ya metni büyük harf olacak şekilde canlandırmak istersem?

— Michal

16

@Michal, büyük harfe metin animasyonu nasıl görünürdü, süper havalı bir efekt gibi geliyor şu anda hayal edemiyorum.

— Noitidart

2

@Michal Kullanım Lottie bile metin ile, serin animasyonlar yapmak. Adobe After Effects, Örnek ile özel animasyonlar oluşturabilirsiniz .

— Yeshan Jay

6

Bu artık doğru cevap değil. React Native'de metin dönüşümü için varsayılan stil vardır. Lütfen aşağıdaki cevabımı kontrol edin.

— Siyah

5

React Native .toUpperCase () işlevi bir dizede iyi çalışır, ancak numbersveya kullanırsanız other non-string data typesçalışmaz. errorGerçekleşmiş olacak.

İkisinin altında dize özellikleri:

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

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

— Necati
kaynak

0

stil etiketinizde metin dönüştürme özelliğini kullanın

textTransform:'uppercase'

— Bisma
kaynak