总结一下react-native项目中常用的库

@react-native-async-storage/async-storage 类似浏览器的storage功能

npm地址:npm i @react-native-async-storage/async-storage
github地址:https://github.com/react-native-async-storage/async-storage

@react-native-community/netinfo 获取设备当前网络状态

npm地址: npm i @react-native-community/netinfo
github地址:https://github.com/react-native-netinfo/react-native-netinfo

@react-native-community/slider 一个好用的滑动条组件

npm地址:npm i @react-native-community/slider
github地址:https://github.com/callstack/react-native-slider

@react-native-picker/picker 一个好用的下拉选择器组件

npm地址:npm i @react-native-picker/picker
github地址:https://github.com/react-native-picker/picker

react-native-orientation-locker 能够实现屏幕旋转

npm地址:npm i react-native-orientation-locker
github地址:https://github.com/wonday/react-native-orientation-locker

react-native-vector-icons 好用的图标库

npm地址:npm i react-native-vector-icons
ts声明文件地址:npm i @types/react-native-vector-icons
github地址:https://github.com/oblador/react-native-vector-icons

react-native-video 视频播放库

npm地址:npm i react-native-video
ts声明文件地址:npm i @types/react-native-video
github地址:https://github.com/react-native-video/react-native-video
不支持android全屏播放!!!

react-native-calendars 好用的日历组件

npm地址:npm i react-native-calendars
github地址:https://github.com/wix/react-native-calendars

react-native-camera 好用的唤起相机的库(需要配置权限)

npm地址:npm i react-native-camera
文档:https://react-native-camera.github.io/react-native-camera/docs/installation.html

react-native-common-date-picker 时间选择器支持日历

npm地址:npm i react-native-common-date-picker

rn-fetch-blob 可以通过fetch请求二进制数据(react-native-fetch-blob比较老了)

npm地址:npm i rn-fetch-blob
ts声明文件:npm i @types/rn-fetch-blob

react-native-geolocation-service 可以实现定位功能(需要配置)

npm地址:npm i react-native-geolocation-service
配置文档:https://github.com/Agontuk/react-native-geolocation-service/blob/HEAD/docs/setup.md

react-native-image-picker 集成相机和相册的库(需要配置)

npm地址:npm i react-native-image-picker
github地址:https://github.com/react-native-image-picker/react-native-image-picker

react-native-image-zoom-viewer 一个支持图片预览 和 图片保存的库

npm地址:npm i react-native-image-zoom-viewer

react-native-keyboard-aware-scroll-view 用于解决键盘挡住输入框问题

react-native自带这种组件但是不太好用感觉~
npm地址:npm i react-native-keyboard-aware-scroll-view

react-native-linear-gradient 实现渐变色效果

npm地址:npm i react-native-linear-gradient

react-native-pager-view 可以实现翻页和页面效果具体效果可去npm查看

npm地址:npm i react-native-pager-view

react-native-picker 可以实现像web端的省市区选择器效果

npm地址:npm i react-native-picker

react-native-qrcode-scanner 可以实现扫描功能需要结合(react-native-camera)

npm地址:npm i react-native-camera

react-native-signature-capture 可以实现签名功能 结合(react-native-orientation-locker)可以实现横屏签名

npm地址:npm i react-native-orientation-locker

react-native-swipe-list-view 非常好用的一个库 可以实现类似购物车界面侧滑删除商品等功能

npm地址:npm i react-native-swipe-list-view

react-native-swiper 轮播图功能

npm地址:npm i react-native-swiper

react-native-toast-notifications 提示框功能支持自定义

npm地址:npm i react-native-toast-notifications

react-native-webview 可以嵌套h5

npm地址:npm i react-native-webview
  • 2
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值