react onmessage component activityindicator webview react-native

webview - onmessage - web views react native



Reaccionar carga nativa css y js Webview (1)

Debe usar el atributo JavaScript injectedJavaScript en WebView para pasar JS para que se ejecute.

Por ejemplo:

<WebView html={html} injectedJavaScript={''function myfunc() { //your JS here };myfunc();''} javaScriptEnabled={true} />

Quiero cargar html personalizado en una vista web usando reaccionar nativo, está funcionando para html simple pero no puedo entender cómo cargar javascript desde un archivo js a la vista web, parece que no pasa nada.

Aquí está mi página web:

var html = ''<!DOCTYPE html><html><head><script src="myfile.js" type="text/javascript"></script></head><body><h1>This is a heading!</h1><div id="here"></div></body></html>''; return ( <WebView html={html} javaScriptEnabled={true} /> );

Y aquí tengo mi archivo js simple (myfile.js):

document.addEventListener("DOMContentLoaded", function(event) { alert("HERE"); var generateHere = document.getElementById("here"); generateHere.innerHTML = ''<div class="someclass"><a href="www.example.com"><p>some text</p></a></div>''; });

Lo intenté en mis navegadores web, funciona.