cari

Rumah  >  Soal Jawab  >  teks badan

Gunakan css dan js tempatan untuk memuatkan HTML tempatan dalam React Native Webview

Saya mahu memuatkan fail html, css, js tempatan dalam React Native WebView saya tetapi saya tidak dapat memuatkan css yang digunakan pada html, lihat struktur folder saya

Di atas ialah html saya bersama-sama dengan imej css dan fail js, saya meletakkan semuanya ke dalam struktur folder aplikasi saya seperti di bawah

src --> html -->

Sekarang saya menggunakan html ini dalam skrin sebenar seperti yang ditunjukkan di bawah

let demoHtmlData = require('../../../html/demo/demo.html')
<WebView
  style={{flex: 1}}
  source={demoHtmlData}
/>

Apabila saya menjalankan kod di atas, html dimuatkan tetapi css tidak digunakan dengan warna, gaya, dll. 

<head>

<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=0">
<title>VIVJOA®</title>
<meta name="apple-mobile-web-app-status-bar-style" content="#7D5895">
<meta name="theme-color" content="#7D5895" />
<link href="css/style.css" rel="stylesheet">
</head>

Dalam kod css/style.css di atas tidak digunakan pada paparan web saya, jadi ada idea bagaimana untuk membetulkannya?

P粉642436282P粉642436282275 hari yang lalu453

membalas semua(1)saya akan balas

  • P粉329425839

    P粉3294258392024-03-27 17:28:22

    Anda perlu meletakkan fail html dan css anda dalam folder android_asset dalam folder android, dan untuk folder ios letakkannya dalam sumber dalam folder ios. 

    if(isAndroid){
  return (
      
  )
}else{
  return(
    
  );
}

    Lebih banyak rujukan datang daripada: WebView Html dimuatkan dari tempatan

    balas
    0
  • Batalbalas