摘要:写在前面一个好的缺不了好的三方支持,生活在这个活跃的开源社区,寻找合适的三方组件是一个开发者最基本的能力。下面分享几个我收集的三方模块,希望对大家有点帮助。
写在前面
一个好的App缺不了好的三方支持,生活在ReactNative这个活跃的开源社区,寻找合适的三方组件是一个开发者最基本的能力。不过不积跬步,无以至千里,不积小流,无以成江海。下面分享几个我收集的三方模块,希望对大家有点帮助。
文件上传 react-native-uploadergithub地址:https://github.com/aroth/reac...
毛玻璃效果 react-native-blur评价:支持多图上传和上传进度显示,demo比较粗糙。项目已经停止更新 4个月
github 地址:https://github.com/react-nati...
图片轮播评价:星星比较多,支持3种常见的毛玻璃效果,不错的组件。
react-native-viewpager
GitHub 地址:https://github.com/race604/re...
评价:实际使用过,轮播效果比较普通,算比较实用吧
react-native-looped-carousel
GitHub 地址:https://github.com/appintheai...
评价:demo比较精致,可以尝试
react-native-app-intro
GitHub 地址:https://github.com/FuYaoDe/re...
图片选择评价:星星比较多,适合做App进入的引导页
react-native-image-picker
GitHub 地址:https://github.com/marcshilli...
评价:实际使用过,功能强大,兼容性好。但是不支持多图
react-native-image-crop-picker
GitHub 地址:https://github.com/ivpusic/re...
获取设备信息 react-native-device-info评价:功能类似,但支持多图
GitHub 地址:https://github.com/rebeccahug...
ListView优化替代组件 react-native-sglistview评价:文档比较细致,算是靠谱的组件
GitHub 地址:https://github.com/sghiassy/r...
二维码识别 react-native-qrcode-reader评价:用法简单,可以减小ListView运行占用的内存
github 地址:https://github.com/starknx/re...
手势解锁 react-native-gesture-password评价:比较实用的功能
GitHub 地址:https://github.com/SunflowerG...
评价:为App添彩的功能
GitHub 地址:https://github.com/starknx/re...
键盘遮挡问题解决评价: 星星比较少,项目1年未更新,谨慎使用
图片查看 react-native-gallery评价:新版RN的KeyboardAvoidingView组件可以解决这个问题
GitHub 地址:https://github.com/ldn0x7dc/r...
3D Touch react-native-quick-actions评价:支持轮播和 放大查看
GitHub 地址:https://github.com/madriska/r...
可滑动的日历组件 react-native-myCalendar评价:为App添彩的功能,但不是必须的
GitHub 地址:https://github.com/cqm1994617...
可拖拽元素 react-native-gesture-recognizers评价:demo 耦合性略高
GitHub 地址:https://github.com/johanneslu...
下拉放大 react-native-parallax-view评价:比较有趣的功能
GitHub 地址:https://github.com/lelandrich...
简单图表 react-native-chart评价:这个功能适合带图片的详情页
GitHub 地址:https://github.com/tomauty/re...
侧滑按钮 react-native-swipeout评价:比较成熟的项目,放心使用
GitHub 地址:https://github.com/dancormier...
抽屉功能 react-native-drawer评价:如果放在水平滚动的容器里会有BUG
GitHub 地址:https://github.com/root-two/r...
加载动画 react-native-spinkit评价:实际使用过,性能还不错,可放心使用
GitHub 地址:https://github.com/maxs15/rea...
登录动画 react-native-login评价:比较有趣的动画,为项目添彩
GitHub 地址:https://github.com/brentvatne...
动画组件 react-native-animatable评价:动画为mp4格式
GitHub 地址:https://github.com/oblador/re...
即时通讯评价:为元素添加灵动感,比较实用
react-native-gifted-chat
GitHub 地址:https://github.com/FaridSafi/...
评价:支持发送位置和图片
react-native-imUI
GitHub 地址:https://github.com/Ice-MT/rea...
精致的输入框 react-native-textinput-effects评价:从项目里抽取出来的demo,UI做的挺萌,有发送语音功能
GitHub 地址:https://github.com/halilb/rea...
表单验证 react-native-gifted-form评价:为项目添彩的功能
GitHub 地址:https://github.com/FaridSafi/...
UI组件库评价:比较实用,适合用在复杂的表单
NativeBase
github:https://github.com/GeekyAnts/...
在线文档:http://nativebase.io/docs/v0....
评价:组件比较多,不过设计风格一般
shoutem
团队github: https://github.com/shoutem
在线文档:http://shoutem.github.io/docs...
评价:组件丰富,设计风格酷炫、团队也比较牛逼
Teaset
github: https://github.com/rilyu/teaset
评价:国人作品,组件丰富,设计风格简约,比较适宜新手实用吧
react-native-material-design
GitHub 地址:https://github.com/react-nati...
评价:纯js编写,没有依赖,demo用的是Android
react-native-elements
github: https://github.com/react-nati...
在线文档:http://react-native-material-...
评价:ReactNative作者操刀领导的作品,值得拥有
react-native-ui-kitten
github: https://github.com/akveo/reac...
在线文档:https://akveo.github.io/react...
评价:一个酷炫简单的App组件Demo,适合新手学习
@参考:React Native 项目常用第三方组件汇总
欢迎关注我的个人博客 Jafeney
文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。
转载请注明本文地址:https://www.ucloud.cn/yun/82257.html
摘要:鉴于我平常使用的是系统,就决定我只开发安卓客户端,客户端我们又招了一个小伙伴。一般来讲,安卓系统是这一两年市面上常用机型配置的系统。 从去年的10月份开始,我的大部分工作重心从传统的前端开发转向了使用ReactNative开发APP,在这个过程当中,走过了不少弯路,也遇到了一些技术相关的问题,但总算没有辜负那些对我信任的人。经历过痛苦和无助,终于坚持了下来,一个月的时间把产品成功部署上...
摘要:官方教程,中文教程。也可使用根据提示对工程进行转原生混合方式,应该不能逆转吧。这时工程项目已经初步完成。我实际工作中遇到很多类似报的头文件未找到的问题。到此,工程的基本改造完成,尽情使用安装第三方原生依赖吧。官方教程,中文教程。网上也有很多其他资料,可自行搜索。 两种教程里都提到2种方式:沙盒方式(expo)、与原生混合(Native Code),他们的区别在于是否会编写原生代码。expo方...
阅读 2323·2021-11-15 11:38
阅读 2453·2021-11-15 11:37
阅读 2555·2021-08-24 10:00
阅读 2916·2019-08-30 15:56
阅读 1274·2019-08-30 15:53
阅读 3711·2019-08-29 18:43
阅读 2941·2019-08-29 17:01
阅读 3265·2019-08-29 16:25