Offline webview(cache) support

Is there anyway to show the cached version when there is no internet? At the moment it shows only an error that there is no internet.

      <WebView
        cacheMode="LOAD_CACHE_ELSE_NETWORK"
        cacheEnabled
        sharedCookiesEnabled={true}
        startInLoadingState
        onError={() => console.warn("error")}
        source={{
                uri: "http://google.nl",
              }
        }
      />

[Nico-T-Ihle]

Hey if you want to show your own custom error srceen try this:

1. First install react-native-community/netinfo
2. dont forget if your on mac go to your /ios and do pod install
3. Then import {useNetInfo} from “@react-native-community/netinfo”; in your Project

if you did this remove your return and use this instead for reandering your content

if(netInfo.isConnected != false) { console.log("y wifi") console.log("y wifi") return ( <WebView source={ YOUR URL } ) } else if(netInfo.isConnected != true) { console.log("n wifi"); return( <WebView source={ YOUR CUSTOM HTML } scalesPageToFit={true} /> ) }

notice you can use HTML In webview https://reactnative.dev/docs/0.63/webview

you just check if you have a connection if yes then show your site and if you no connectio then your your custom html site .

hope i could help somebody

[ajaxsys]

I think we can open a local default web page ( cached local ) when offline, instead page like this: