net::ERR_ACCESS_DENIED When Rendering Local HTML

Bug description:

I am trying to display a local PDF in base64. I have assigned all the correct permissions to view the document. When I try to render it I get the error net::ERR_ACCESS_DENIED. This only happens on Android.

To Reproduce:

Create a WebView Use a path in the local system Try to view the WebView https://github.com/ALEEF02/Bulletin-Magazine-Mobile-App/blob/da41ff504d1ad2a5463b2d062adaa66fb54c61c2/rn-pdf-reader-js/index.js#L200

Expected behavior:

The WebView should be able to render to specified PDF in the local files

Screenshots/Videos:

Environment:

• OS: Android
• OS version: Unknown
• react-native version: 34.0.2
• react-native-webview version: 7.5.1

[seancheung]

Here is the fix:

const [uri, setUri] = useState(null);

useEffect(() => {
  setUri('blahblah');
  return () => {
    setUri(null);
  };
}, []);

[alancwoo]

I’m also really not sure why this issue is closed. I 'm having the same issue with react-native 0.63.3, react-native-webview ^10.10.0, tried everything with all flags and the state.renderedOnce solution above:

<WebView
  allowFileAccess={true}
  originWhitelist={['*']}
  javaScriptEnabled={true}
  domStorageEnabled={true}
  source={this.state.renderedOnce ? {uri: this.state.cachedItemPath} : undefined}
  allowFileAccess={true}
  allowUniversalAccessFromFileURLs={true} />

I’m trying to render some html that was saved to local storage.

It works perfectly on iOS.