javascript - example - react native webview local html
Incluir la aplicaciĆ³n web local en reaccionar webview nativa (1)
Dentro de mi aplicación nativa, quiero mostrar una vista web que cargue una aplicación web local html5 (aplicación de una sola página, SPA).
Puedo cargar un archivo html, que se encuentra dentro de la carpeta webapp
relativa que usa
var webapp = require(''./webapp/index.html'');
y
<WebView source={webapp}></WebView>
como he indicado en este hilo: reacciona la carga de la vista web nativa desde el sistema de archivos local del dispositivo
Desafortunadamente, los activos de esta aplicación web local como los archivos .js y .css no son cargados por la aplicación web.
Durante el desarrollo de la aplicación de reacción nativa, estos archivos están disponibles a través del servidor de desarrollo. Sin embargo, cuando la aplicación está empaquetada y se ejecuta en un dispositivo iOS, los activos no están disponibles (obtengo un error 404 en las herramientas de desarrollo de Safari).
¿Cómo puedo asegurarme de que todos los recursos (JS, CSS, etc.) dentro de la carpeta de aplicaciones webapp
están disponibles en la aplicación local empaquetada?
Al configurar la baseURL, la WebView sabe dónde buscar las css / js a las que se vincula.
me gusta:
<WebView baseURL="/webApp" html={html} />
compruebe la respuesta para el problema en github:
https://github.com/facebook/react-native/issues/1442#issuecomment-106906969
o lea el ejemplo en esta respuesta detallada por nick-weaver: Cargando javascript en un UIWebView de los recursos