Fon tersuai tidak dipaparkan dalam RN-SVG <Text/>

Question

Dalam kod saya, saya cuba:

import { useFonts } daripada 'expo-font'

useFonts({
  'Nombor Robo':require( '../assets/fonts/my-custom.ttf' ),
} )

Sekarang apabila saya memaparkan elemen Teks RN sendiri atau RN-Paper, keluarga fon dipaparkan dengan betul:

import { Text } daripada 'react-native-paper'
gaya const = StyleSheet.create({
  undur:{
    fonKeluarga:'Nombor Robo',
    Saiz fon:34,
  },
})

  undur ?
Tetapi memberikan fon lalai dalam Teks RN-SVG;: 
 'oren' : '#f8f0c1'} fontFamily="Nombor Robo">{countdown}< ;/Teks>
Adakah fungsi ini tiada dari perpustakaan atau saya kehilangan sesuatu? 

Answer 1

Setakat ini, "react-native-svg": "~13.4.0" fon tersuai tidak disokong atau saya tidak dapat mencari cara yang didokumenkan untuk menggunakannya.

Jadi saya menemui penyelesaian yang sangat mudah berdasarkan :

render() {
  const { countdown } = this.state

  return <>
    <ForeignObject x={85} y={94} height={14} key={countdown}>
      <Text style={{ fontFamily:'Robo Numbers' }}>{countdown}</Text>
    </ForeignObject>
  <>
}

Yang KRITIKAL di sini ialah atribut ForeignObject@key. Ia mesti hadir untuk memaksa ForeignObject untuk memaparkan semula anak-anaknya.

Dalam kes saya, saya menambah pembolehubah undur dalam setInterval() tetapi teks tidak pernah dikemas kini sehingga saya menambah setInterval() 中增加倒计时变量，但在我添加具有不断变化的值的 ForeignObject@key dengan nilai yang berubah!

Semoga ini membantu seseorang...