3
votes

Famille de polices en natif de saisie de texte React

J'essaie d'implémenter une entrée de texte, où la famille de polices est Zila Slab Bold, mais la famille de polices ne fonctionne que pour l'espace réservé de l'entrée de texte, cela ne fonctionne pas pour le texte saisi au lieu de cela, elle affiche la valeur par défaut texte android, mais lorsque j'utilise Zila Slab Medium, cela fonctionne à la fois pour l'espace réservé et le texte saisi, s'il vous plaît, que puis-je faire de mal, j'utilise RN 0.55.0

C'est ce que je veux obtenir

 entrez la description de l'image ici

C'est ce que j'obtiens lorsque j'utilise Zila Bold

entrer l'image description here

Voici mon code ci-dessous

<TextInput    
       underlineColorAndroid={'transparent'}
       placeholder="The Title"
                  placeholderStyle={{fontFamily: 'ZillaSlab-Bold',
            fontSize: 16,}}
                  placeholderTextColor="rgba(0, 0, 0, 0.2)"
style={{
                      paddingLeft: 28,
                      width: (Dimensions.get('window').width),
                      backgroundColor: 'transparent',
                      fontSize: 16, color: 'black',
                      borderTopWidth: 2, borderBottomWidth: 2, borderColor: 'black', 
            marginTop: 100, flexDirection: 'row', alignItems: 'center', fontFamily: 'ZillaSlab-Bold',
                  }}/>   


2 commentaires

voulez-vous utiliser la même police pour les deux?


Oui, je souhaite utiliser la même police pour les deux


3 Réponses :



3
votes

J'ai ce problème avec la version 62 React-native et pour moi la solution était d'ajouter fontStyle: "normal"


0 commentaires

1
votes

La solution proposée par Люда Дзюбинска n'a pas fonctionné pour moi, mais une approche similaire a fait l'affaire - j'ai a spécifié le style fontWeight: 'normal' pour le champ TextInput (même si j'avais une police semi-gras) et cela m'a permis d'éviter de réinitialiser la famille de polices lors de la saisie.


0 commentaires