react native Android加载本地Html 问题
项目中有用到IP地址采集 用的是html5 webView的方式 请参考:react native 获取设备 真实ip地址 和 ip 映射的地理位置
这里留下的坑是 Android的release包 中获得ip是没反应的
一开始以为是Android WebView的缓存问题,后来改了还是没法获得,但是在开发中却可以拿到,很奇快.....
后来查了下原因原来是:由于React Native打包资源时不支持html资源的自动打包,所以我们得手动将html资源放到asset目录下,没有的话就自己创建
把静态资源放在assets目录下
使用的时候:ios正常引入Android改成一下方式取
<WebView
onMessage={e => this.getDataFormWebview(e)}
source={
Platform.OS === 'ios'?
require('../components/ipadress.html'):
{uri: 'file:///android_asset/ipadress.html'}
}
javaScriptEnabled={true}
androiddomStorageEnabled={false}
/>
这个问题 就类似 RN 组件echarts图标的问题,必须要把这个html静态资源单独放在assets下 ,当时也遇到过这个问题,但是没想起来,也是尴尬了。。。。
好了,希望大家少走点坑。

低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。
持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。
转载内容版权归作者及来源网站所有,本站原创内容转载请注明来源。
-
上一篇
ReactNative切换Tab改变状态栏
Ready 现在大多数的ReactNative使用的路由都是react navigation.本示例就以react-navigation为例.解决其中遇到有需要切换tab来改变顶部状态栏字体以及背景色的需求 Go only have a single line of code componentDidMount() { this._navListener = this.props.navigation.addListener('didFocus', () => { StatusBar.setBarStyle('light-content'); //!IOS && StatusBar.setBackgroundColor('#6a51ae'); }); } componentWillUnmount() { this._navListener.remove(); } StatusBar.setBarStyle('light-content');//是设置为白色(仅IOS有效) StatusBar.setBarStyle('dark-content');//是设置为黑色...
-
下一篇
Material Design系列 - 自定义Behavior实现伸缩标题栏
引言 CoordinatorLayout+CollapsingToolbarLayout+Behavior真是一个好东西,很多复杂的UI交互效果都可以通过Behavior来实现,用了Behavior之后腰也不疼了,再也不会对设计师说这个实现不了了,只要给我时间我就实现给你看!今天带来第一个自定义Behavior:实现一个伸缩的标题栏。 效果图如下 Behavior效果图 实现思路 监听CollapsingToolbarLayout滚动的Y轴距离,和CollapsingToolbarLayout的总高度进行百分比计算得出当前滑动的百分比,再不断的计算顶部图标的宽高进行百分比缩减。整个按钮的X轴坐标跟随百分比减少。 整个View的宽度除以4,得出每个menu所占的宽度,用item的的下标乘以menu的宽度得出每个menu的X轴。 当滑动的时候改变文字的透明度,大于0.4则隐藏文字。 开始编码 引入相关依赖 dependencies{ implementation 'com.android.support:design:26.0.2' } 创建相关View 创建xml,CollapsingT...
相关文章
文章评论
共有0条评论来说两句吧...
文章二维码
点击排行
推荐阅读
最新文章
- 面试大杂烩
- MySQL数据库在高并发下的优化方案
- CentOS8编译安装MySQL8.0.19
- Docker安装Oracle12C,快速搭建Oracle学习环境
- SpringBoot2整合MyBatis,连接MySql数据库做增删改查操作
- Windows10,CentOS7,CentOS8安装Nodejs环境
- Windows10,CentOS7,CentOS8安装MongoDB4.0.16
- CentOS关闭SELinux安全模块
- Jdk安装(Linux,MacOS,Windows),包含三大操作系统的最全安装
- SpringBoot2编写第一个Controller,响应你的http请求并返回结果