Les polices personnalisées ne sont pas rendues dans RN-SVG
P粉743288436
P粉743288436 2023-09-06 09:01:24
0
1
429

Dans mon code, j'essaie :

importer { useFonts } depuis 'expo-font' utiliserFonts({ 'Numéros Robo': require( '../assets/fonts/my-custom.ttf' ), } ) 

Maintenant, lorsque je restitue l'élément Text de RN ou de RN-Paper, la famille de polices s'affiche correctement :

importer {Texte} depuis 'react-native-paper' const styles = StyleSheet.create({ compte à rebours:{ fontFamily : 'Numéros Robo', Taille de police : 34, }, })  'orange' : '#f8f0c1' } ]}>{countdown}

Mais le rendu de la police par défaut dans le Text de RN-SVG :

 'orange' : '#f8f0c1'} fontFamily="Numéros Robo">{countdown}< ;/Texte>

Cette fonctionnalité est-elle absente de la bibliothèque ou est-ce qu'il me manque quelque chose ?

P粉743288436
P粉743288436

répondre à tous (1)
P粉402806175

Jusqu'à présent,"react-native-svg": "~13.4.0"les polices personnalisées ne sont pas prises en charge, ou je ne trouve pas de moyen documenté de les utiliser.

J'ai donc trouvé une solution très simple basée sur :

render() { const { countdown } = this.state return <>  {countdown}  <> }

LeCRITIQUEici est l'attributForeignObject@key. Il doit être présent pour forcer le ForeignObject à restituer ses enfants.

Dans mon cas, j'incrémente la variable de compte à rebours danssetInterval()mais le texte ne se met jamais à jour jusqu'à ce que j'ajoute lesetInterval()中增加倒计时变量,但在我添加具有不断变化的值的ForeignObject@keyavec la valeur changeante ! p>

J'espère que cela aidera quelqu'un...

    Derniers téléchargements
    Plus>
    effets Web
    Code source du site Web
    Matériel du site Web
    Modèle frontal
    À propos de nous Clause de non-responsabilité Sitemap
    Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!