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之后的一些坑