react-native开发android应用时,如何用WebView显示本地的文件
PHP中文网
PHP中文网 2017-04-17 15:55:49
[Android讨论组]

代码大概是这个样子,问题就在于不知道应该把这些资源文件放哪里。在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}
      />
    );
  }
}
PHP中文网
PHP中文网

认证高级PHP讲师

全部回复(2)
PHP中文网

关键是你的url的地址不对吧,asset的话根地址应该是这个吧file:///android_asset/
如果是下面的文件夹下的文件就应该是file:///android_asset/xx/xx.html

PHPz
<WebView automaticallyAdjustContentInsets={false}
                    style={styles.webView}
                    source={require('./A.html')}    //载入指定文件,注意文件名的大小写
                    javaScriptEnabled={true}
                    domStorageEnabled={true}
                    startInLoadingState={true}/>
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号