Question

我正在使用react本机项目并尝试将本地html文件添加到项目中的webview。我试过这个：source= {require('file.html')} 它在ios和android的调试版中完美运行，但是在发布后，android显示白屏，ios很好。我也试过这个：source={{ uri: 'file:///android_asset/file.html' }} 也没有工作。

有没有办法在webview中为Android版本包含本地html文件？

image link我的代码。

Answer 1

你为android

尝试这种方式

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

Answer 2

请尝试以下代码。确保您的html文件位于同一文件夹中。

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

Answer 3

我最近遇到了同样的问题，在Github https://github.com/facebook/react-native/issues/505中有一个关于这个问题的讨论，有些人提供解决方案，它对我有用。

对于Android发布模式，你应该把html文件放在android/app/src/main/assets文件夹中，并像这样使用WebView：

<WebView source={{uri: 'file:///android_asset/xxx.html'}}/>

捆绑android webview的本地html文件

3 个答案: