如何在反应原生 webView 中显示 html？

Question

I'm using a webView for rendering a piece of html but instead of rendering it shows the code. What is the problem?

My code is...

<WebView
    source = {scoLocal['sco']}
    javaScriptCanOpenWindowsAutomatically={true}
    javaScriptEnabled={true}
    domStorageEnabled={true}
    style={[styles.textArea, {
      width: '100%',
      height: '100%',
      maxHeight: '100%',
      maxWidth: '100%'
  }]}
    />

Answer 1

Maybe you should show the scoLocal, probably that is the reason you are getting an error. The general usage is shown below.

    <WebView
        originWhitelist={['*']}
        source={{ html: '<p>This is an HTML p tag</p>' }}
    />

or

    const htmlSource = '<p>This is an HTML p tag</p>'
    <WebView
        originWhitelist={['*']}
        source={{ html: htmlSource }}
    />

Have a nice one!