react-native开发android应用时,如何用WebView显示本地的文件
本文介绍了react-native开发android应用时,如何用WebView显示本地的文件的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
代码大概是这个样子,问题就在于不知道应该把这些资源文件放哪里。在iOS上我参考这篇文章解决了http://wl3.me/2015/05/01/react-in-your-react-native-webview-so-you-can-react-while-you-react.html。但在android上,不论我放在根目录,还是放在assets目录里,都无法正常载入。
const VIEW_URL = 'res/index.html';
class Demo extends Component {
render() {
return (
<WebView
ref="webview"
style={styles.webview}
source={{url: VIEW_URL}}
javaScriptEnabled={true}
domStorageEnabled={true}
startInLoadingState={true}
scalesPageToFit={true}
/>
);
}
}
解决方案
关键是你的url的地址不对吧,asset的话根地址应该是这个吧file:///android_asset/
如果是下面的文件夹下的文件就应该是file:///android_asset/xx/xx.html
这篇关于react-native开发android应用时,如何用WebView显示本地的文件的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文