(React Native) Load local HTML file into WebView

Question

I try to load the local .html file into WebView in React Native:

// load lo         


        

Answer 1

try it:

const PolicyHTML = require('./Policy.html');

<WebView
  source={PolicyHTML}
  style={{flex: 1}}
 />

Answer 2

Try this :

• Add your .html file in your project.

• Write such lines of code in the file where you want to use WebView Component

  const OurStoryHTML = require ('./OurStory.html')

• <WebView source={OurStoryHTML} style={{flex: 1, marginTop : 44}} />

It may help you.

Answer 3

<View style={{flex: 1}}>
    <WebView
      style={{flex: 1}}
      source={require("./resources/index.html")}
    />
</View>

To make WebView, the parent has to has a dimension or flex:1. We could set the WebView to flex: 1 too so that it fills up the parent.

Answer 4

I come across this post searching for loading static html.
If your html code is retrieved using, for example, an API, you can render WebView in this way:

<WebView
    originWhitelist={['*']}
    source={{ html: html, baseUrl: '' }}
/>

Notice that originWhitelistis required as explained in the documentation:

Note that static html will require setting of originWhitelist for example to ["*"].