Fon tersuai tidak dipaparkan dalam RN-SVG <Text/>
P粉743288436
P粉743288436 2023-09-06 09:01:24
0
1
512
<p>Dalam kod saya, saya cuba: </p> <pre class="brush:php;toolbar:false;">import { useFonts } daripada 'expo-font' useFonts({ 'Nombor Robo':require( '../assets/fonts/my-custom.ttf' ), } )</pre> <p>Sekarang apabila saya memaparkan elemen <kod>Teks</kod> RN sendiri atau RN-Paper, keluarga fon dipaparkan dengan betul: </p> <pre class="brush:php;toolbar:false;">import { Text } daripada 'react-native-paper' gaya const = StyleSheet.create({ undur:{ fonKeluarga:'Nombor Robo', Saiz fon:34, }, }) <Gaya teks={[ gaya.kira detik, { warna:10 > undur ? <p>Tetapi memberikan fon lalai dalam <kod>Teks</code> RN-SVG;: </p> <pre class="brush:php;toolbar:false;"><Text stroke={10 > 'oren' : '#f8f0c1'} fontFamily="Nombor Robo">{countdown}< ;/Teks></pra> <p>Adakah fungsi ini tiada dari perpustakaan atau saya kehilangan sesuatu? </p>
P粉743288436
P粉743288436

membalas semua(1)
P粉402806175

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! p>

Semoga ini membantu seseorang...

Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan