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 ?
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
:
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@key
avec la valeur changeante ! p>J'espère que cela aidera quelqu'un...