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 ?
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
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'attribut
ForeignObject@key. Il doit être présent pour forcer le ForeignObject à restituer ses enfants.Dans mon cas, j'incrémente la variable de compte à rebours dans
setInterval()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...