Saltar al contenido

(React Native) Cargue el archivo HTML local en WebView

Solución:

intentalo:

const PolicyHTML = require('./Policy.html');

<WebView
  source={PolicyHTML}
  style={{flex: 1}}
 />

Encontré esta publicación buscando cargar html estático.
Si su código html se recupera usando, por ejemplo, una API, puede representar WebView de esta manera:

<WebView
    originWhitelist={['*']}
    source={{ html: html, baseUrl: '' }}
/>

Darse cuenta de originWhitelistse requiere como se explica en la documentación:

Tenga en cuenta que el HTML estático requerirá la configuración de originWhitelist, por ejemplo, para [“*”].

<View style={{flex: 1}}>
    <WebView
      style={{flex: 1}}
      source={require("./resources/index.html")}
    />
</View>

Para hacer WebView, el padre debe tener una dimensión o flexión: 1. También podríamos configurar WebView para que flexione: 1 para que llene el elemento principal.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *