Rendering einer Webseite auf dem Gerät mit reagieren native

Question

Ich habe viel recherchiert und versucht, eine lokal lokalisierte Webseite (mit dynamischen Inhalten basierend auf get vars in der URL) zu rendern auf einer Webseite auf Android und IOS mit reagieren nativ. Erstens ist das überhaupt möglich? und wenn es nicht möglich ist, gibt es andere plattformübergreifende mobile Entwicklungstechnologien da draußen, die dies erreichen können?

Danke

Answer 1

Ja, es ist möglich, lokale HTML-Code in die Webansicht zu laden. Sie können den HTML-Code über require an die Webview-Eigenschaft source übergeben. Es gibt ein Beispiel in den docs:

render(): ReactElement<any> { 
     return (
     <WebView 
      style={{ 
      backgroundColor: BGWASH, 
      height: 100, 
      }} 
      source={require('./helloworld.html')} 
      scalesPageToFit={true} 
     /> 
    ); 
    } 

können Sie die injectedJavaScript Eigenschaft javascript mit Ihren Argumenten injizieren, um die Inhalte dynamisch zu machen.

render(): ReactElement<any> { 
      return (
      <WebView 
       style={{ 
       backgroundColor: BGWASH, 
       height: 100, 
       }} 
       source={require('./helloworld.html')} 
       scalesPageToFit={true} 
       injectedJavaScript="var a = 1;" 
      /> 
     ); 
     }