我尝试加载一个依赖于其他 .js 文件的 HTML 文件。
所以我写了这样的代码,但在 webview 中得到了纯文本。
render = () => {
let source;
if (__DEV__) {
source = require('./vendor/Editor/index.html');
} else {
source =
Platform.OS === 'ios'
? require('./vendor/Editor/index.html')
: {uri: 'file:///android_asset/vendor/Editor/index.html'};
}
return (
<WebView
startInLoadingState
source={source}
onMessage={this.handleMessage}
automaticallyAdjustContentInsets={false}
style={[
AppStyles.container,
styles.container,
{height: this.state.visibleHeight},
]}
/>
);
};
Run Code Online (Sandbox Code Playgroud)
我像这样简化了代码,但它也不起作用。
render = () => {
setTimeout(() => {
this.webview.injectJavaScript(
'window.ReactNativeWebView.postMessage(document.body.innerHTML)',
);
}, 3000);
return (
<WebView
source={require('./vendor/GrEditor/index.html')}
onMessage={e => console.log('e: ', e)}
/>
);
};
Run Code Online (Sandbox Code Playgroud)
抱歉语法不好。
javascript reactjs react-native react-native-android react-native-webview