ReactNative 做完一个app之后的一些坑

1.环境安装
参照官网进行环境配置,android和ios 方法还是有区别的,可以再真机和模拟器上进行,具体步骤对照官网直接完成。

2.运行项目
react-native run android / react-native run ios

3.踩过的坑..
1 View标签不是块标签,不设置宽度和高度,无法显示。
2 <Image>加载图片时候,分2种:
加载本地图片 require
加载网络图片或者服务器返回的图片地址 <Image source={…} /> 并且必须设置宽和高,否则图片无法显示。
3 登陆的时候,键盘弹起遮住输入框
引入 KeyboardAvoidingView组建,将弹出内容包裹,并设置属性behavior=’padding/margin’ 解决。
4 android 上返回键,默认直接退出app
官方提供 onHardwareBackPress 属性,自定义时间,然后根据router,判断 if (routers.length > 1) 当按下back键时回退到上一页面,否则2次连续点击事件间隔小于1.5s,则提示“再按一次返回键退出本应用’”
5 android 和 ios 在状态栏的差异,
android 默认空出个statusBar (电量,wifi),而ios顶栏显示。解决办法:判断平台 ,设置距离,引入 Platform组建, this.marginTop=Platform.OS ===’ios’?20:0;
6视频观看时给出提示,当前网络信息
android :NetInfo.fetch().done(this.processReachabilityResult.bind(this));可以实现,
ios 失效;
解决办法:利用cc的sdk 解决。

欢迎分享本文,转载请保留出处:前端ABC » ReactNative 做完一个app之后的一些坑

赞 (2)
分享到:更多 ()

发表评论 0