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条评论来说两句吧...