React-Native环境搭建、组件选择/封装、踩坑大全、IOS/Android上线【二】(持续更新)
该系列文章记录本人从入门RN–>环境搭建–>熟悉组件–>使用三方组件–>解决各种坑–>封装组件–>应用上线。希望对后来者有帮助,文章将会持续更新。
组件选择/封装
找插件推荐网址:https://js.coach/
导航
react-navigation
说明:官方的这个路由做得非常好了,路由跳转操作非常简单,如果没有很高的路由需求,那推荐这个,如果想个性化定制可以自己封装,后面会自己封装,封装好了会在github里面分享。图标
react-native-vector-icons
图标需要配置,配置教程链接:https://js.coach/react-native-vector-icons?search=react-native-vector-icons轮播图插件
react-native-swiper
说明: 虽然轮播图插件排行第一,但是我想能说这个插件效果真的一般,后面我会自己封装裁剪并上传照片
react-native-image-crop-picker@0.19.0
需要配置,配置教程链接:https://js.coach/react-native-image-crop-picker?search=react-native-image-crop-picker单选框
react-native-radio-master
说明:这个插件建议自己封装,这里做的也很一般tabs切换
react-native-scrollable-tab-view
说明:这个插件建议自己封装,性能一般启动图片(解决App启动短暂白屏问题)
react-native-splash-screen@3.0.0
最新版本不兼容,目前可以装3.0.0版本的
配置:https://js.coach/react-native-splash-screen?search=sp
全屏显示,修改源代码: MainActivity.java
SplashScreen.show(this, true); // true表示全屏显示qq分享、登录/微信登录、支付、分享/支付宝支付各种坑在React-Native环境搭建、组件选择/封装、踩坑大全、IOS/Android上线【三】(持续更新)中分享