12
votes

Asset HTML externe non fourni par React Native dans la production de production à utiliser par webview

Je construis une application Android à l'aide de React Native. Il a une vision web qui lit un fichier HTML localement.

Ceci est la pièce de code que j'utilise pour rendre webview. xxx

Cela fonctionne bien pendant la construction de développement. Le fichier HTML se charge sur le webview et les rend bien.

mais il ne figure pas sur la libération / la production d'Android. Le WebView est vide et si j'inspecte à l'aide de Chrome: // Inspect, la WEBView est vide et ne chargez pas le fichier HTML.

de ce que je comprends est le réact de native ne casse pas à Bunkoworld.html comme un atout pendant la construction de la production Android. J'ai remarqué que cela fonctionne bien sur iOS.

aucune idée de la façon de le réparer?

android ios react-native webview

0 commentaires

3 Réponses :

9
votes

selon les discussions autour d'ici https://github.com/facebook/react- Natif / Problèmes / 6004 , c'est un défaut connu. Les actifs ne sont pas groupés pour la production d'Android, mais fonctionnent correctement dans Dev Build.

Une solution stocke manuellement le dossier d'actifs Android, puis chargez la ressource à l'aide de P>

<WebView
    source={{ uri: 'file:///android_asset/helloworld.html' }}
    startInLoadingState={true} />

3 commentaires

@Parthpandya Cette solution est uniquement pour Android. Pour iOS, vous pouvez utiliser la voie régulière comme indiqué dans la question.

Pour Android, cela fonctionne sauf si vous devez injecter un script. Pour moi, le script injecté ne fonctionne pas.

@ Timscott Regardez le dernier commentaire ici pour la solution à ce problème:

-1
votes

sur iOS Production Construire cette solution fonctionne

<WebView
    source={{ uri: 'helloworld.html' }}
    startInLoadingState={true} />

0 commentaires

0
votes

sur RN 0,40,

{ uri: file:///android_asset/file.html }

0 commentaires