We are trying to develop an offline feature in which we will be downloading bunch of HTML files and load in local. We are facing a strange issue in webview local HTML if it has a iframe.
When its loaded only iframe content is getting loaded in webview.
Can you please let me know what could be the issue here ?
WebView
<WebView source={{ uri: "file:///data/user/0/com.example/files/parent.html" }} onError={error => { console.log('WebView onError - ', error); }} allowsFullscreenVideo bounces={false} renderError={() => { return null; }} allowFileAccess={true} allowFileAccessFromFileURLs={true} allowingReadAccessToURL={true} allowUniversalAccessFromFileURLs={true} onMessage={event => { console.log('WebView onMessage- ', event); }} mediaPlaybackRequiresUserAction={false} allowsInlineMediaPlayback={true} javaScriptEnabled={true} domStorageEnabled={true} startInLoadingState={true} originWhitelist={['*']} mixedContentMode={'always'} style={{ flex: 1 }} />
Parent.html
Child.html
We are trying to develop an offline feature in which we will be downloading bunch of HTML files and load in local. We are facing a strange issue in webview local HTML if it has a iframe.
When its loaded only iframe content is getting loaded in webview.
Can you please let me know what could be the issue here ?
WebView
<WebView source={{ uri: "file:///data/user/0/com.example/files/parent.html" }} onError={error => { console.log('WebView onError - ', error); }} allowsFullscreenVideo bounces={false} renderError={() => { return null; }} allowFileAccess={true} allowFileAccessFromFileURLs={true} allowingReadAccessToURL={true} allowUniversalAccessFromFileURLs={true} onMessage={event => { console.log('WebView onMessage- ', event); }} mediaPlaybackRequiresUserAction={false} allowsInlineMediaPlayback={true} javaScriptEnabled={true} domStorageEnabled={true} startInLoadingState={true} originWhitelist={['*']} mixedContentMode={'always'} style={{ flex: 1 }} />Parent.html
Child.html