2016-06-01 3 views
2

私は、ネイティブプロジェクトに反応し、自分のプロジェクトでローカルのhtmlファイルをwebviewに追加しようとしています。 私はこれを試しました:source= {require('file.html')} これは、iosとアンドロイドのデバッグバージョンでは完全に動作しますが、リリース後はアンドロイドで白い画面が表示されます。 私もこれを試しました:source={{ uri: 'file:///android_asset/file.html' }} どちらもうまくいきませんでした。android webviewのローカルのhtmlファイルを束ねる

アンドロイド版のwebviewにローカルhtmlファイルを含める方法はありますか?

image link私のコード。

+0

ポストスナップ。とコードも – Sush

+0

私の投稿に画像へのリンクを追加しました – zhv7777

+0

あなたは単一のドットで試してみることができます。 – Sush

答えて

0

あなたは、コードの下に試してみてくださいアンドロイド

 mWebView.loadUrl("file:///android_asset/file.html"); 
+0

私は反応ネイティブで反応しています。Webviewにはこのメソッドがありません – zhv7777

0

のためのこの方法を試してみてください。あなたのhtmlファイルが同じフォルダにあることを確認してください。私は最近、同じ問題を満たし

<WebView 
     style={{ 
     backgroundColor: '#123456', 
     height: 100, 
     }} 
     source={require('./helloworld.html')} 
     scalesPageToFit={true} 
    /> 
+0

これはまさに私がやろうとしていたものです。これは私のコードです:<ビュースタイル= {} styles.container> zhv7777

+0

」iは、二重確認でき../journeyPlanner.html私は親フォルダからhtmlファイルを取得しようとしているので、それはスラッシュの前にドット – Sush

+0

です。私の構造:メインフォルダ(htmlファイルはこちら)>コンポーネントフォルダ(htmlファイルへのリンク付きwebview)iosとAndroidのエミュレータがこのHTMLを見ることができたので、パスは正しいと思います – zhv7777

0

、GitHubのhttps://github.com/facebook/react-native/issues/505でこの問題について議論があり、一部の人は、それは私のために機能するソリューションを、提供します。 Androidのリリースモード用

、あなたはandroid/app/src/main/assetsフォルダにhtmlファイルを置いて、次のようにWebViewのを使用する必要があります:あなたのコードファイルの

<WebView source={{uri: 'file:///android_asset/xxx.html'}}/> 
関連する問題