No way to load a local HTML file in the webview on Android

Bug description: I have a file with name index.html. I’m trying to load the file into the webview. However, there seems to be no option for it in android.

To Reproduce:

On iOS I tried:

const myHtml = require("./index.html");

// In Render
<WebView
  ref={this._webViewRef}
  source={myHtml}
/>

It worked perfectly fine. However on Android it threw TypeError: Cannot use 'in' operator to search for 'method' So, I tried manually resolving the asset uri like I used to do for Images,

<WebView
  ref={this._webViewRef}
  source={{uri: Image.resolveAssetSource(myHtml).uri}}
/>

However it directly loads the file HTML source instead of the actual webpage.

Expected behavior:

const myHtml = require("./index.html");

// In Render
<WebView
  ref={this._webViewRef}
  source={myHtml}
/>

The above code should just load the webpage on both android and iOS I guess…

Environment:

• OS: macOS
• OS version: 10.14 (18A391)
• react-native version: 0.60.3
• react-native-webview version: 5.12.1

[paldepind]

Per this comment using <WebView source={require('page.html')} /> is not supported by react-native-webview. So, indeed, there seems to be no official way to load a local HTML file in the webview.

It would be really nice if using require with source could work like it did with the webview previously included in react-native. We can’t currently upgrade react-native due to this problem.

[DaniAkash]

Shouldn’t this be documented?