如何在React Native中的WebView中使用源而不是html

时间:2016-03-02 08:23:03

标签: webview react-native

最近,React Native已弃用htmlurl道具,并将其替换为source

<WebView
    automaticallyAdjustContentInsets={false}
    contentInset={{top: 0, right: 0, bottom: 0, left: 0}}
    html={"<style>*{margin:0;padding:0;}canvas{position:absolute;transform:translateZ(0);}</style><canvas></canvas><script>var canvas = document.querySelector('canvas');(" + renderString + ").call(" + contextString + ", canvas);</script>"}
    opaque={false}
    underlayColor={'transparent'}
    style={this.props.style}
    javaScriptEnabled={true}
/>

如何将html替换为source。只是替换不会做的伎俩。提前谢谢。

2 个答案:

答案 0 :(得分:18)

<WebView source={{ html: "<h1>Hello</h1>" }} />

此处提供的文档:http://facebook.github.io/react-native/docs/webview.html#content

答案 1 :(得分:1)

您是否升级了React Native版本? 它在较新版本上已弃用,请查看文档。如果您使用的是旧版本的React Native,则应使用html代替source