ReactNative第三方组件库

ReactNative工程根目录中 终端运行如下命令

  1. npm install react-native-action-button --save

相关第三方组件资源

  1. 第一部分
  2. react-native-carousel 轮播图
  3. react-native-countdown 倒计时
  4. react-native-device-info 设备信息
  5. react-native-fileupload  文件上传
  6. react-native-icons 图标
  7. react-native-image-picker  图片选择器
  8. react-native-keychain   iOSKeyChain管理
  9. react-native-picker 滚轮选择器
  10. react-native-picker-Android  安卓滚轮选择器
  11. react-native-refreshable-listview 可刷新列表
  12. react-native-scrollable-tab-view 可滚动标签
  13. react-native-side-menu 侧边栏
  14. react-native-swiper 轮播
  15. react-native-video 视频播放
  16. react-native-viewpager 分页浏览
  17. react-native-scrollable-tab-view    可滑动的底部或上部导航栏框架
  18. react-native-tab-navigator    底部或上部导航框架(不可滑动)
  19. react-native-check-box         CheckBox
  20. react-native-splash-screen   启动白屏问题
  21. react-native-simple-router     简易路由跳转框架
  22. react-native-storage             持久化存储
  23. react-native-sortable-listview   分类ListView
  24. react-native-htmlview               将 HTML 目录作为本地视图的控件,其风格可以定制
  25. react-native-easy-toast         一款简单易用的 Toast 组件
  26. 第二部分
  27. 选项卡https://github.com/exponentjs/react-native-tab-navigator
  28. material组件库
  29. https://github.com/xinthink/react-native-material-kit
  30. base组件库
  31. http://nativebase.io/docs/v0.4.6/components#anatomy
  32. https://github.com/GeekyAnts/NativeBase
  33. 按钮
  34. https://github.com/mastermoo/react-native-action-button
  35. https://github.com/ide/react-native-button
  36. 表单验证
  37. https://github.com/gcanti/tcomb-form-native
  38. https://github.com/FaridSafi/react-native-gifted-form
  39. https://github.com/bartonhammond/snowflake
  40. 带动画效果的TextInput
  41. https://github.com/halilb/react-native-textinput-effects
  42. https://github.com/zbtang/React-Native-TextInputLayout
  43. 聊天
  44. https://github.com/FaridSafi/react-native-gifted-chat
  45. 蓝牙通信
  46. http://blog.csdn.net/withings/article/details/71378562
  47. 谷歌地图
  48. https://github.com/lelandrichardson/react-native-maps
  49. 高德地图
  50. https://github.com/Eleme-IMF/dodo
  51. 时间轴,快递流程图效果
  52. https://github.com/24ark/react-native-step-indicator
  53. https://github.com/thegamenicorus/react-native-timeline-listview
  54. 动画效果
  55. https://github.com/oblador/react-native-animatable
  56. 加载Loading动画
  57. https://github.com/maxs15/react-native-spinkit
  58. 抽屉效果
  59. https://github.com/root-two/react-native-drawer
  60. https://github.com/react-native-fellowship/react-native-side-menu
  61. 侧滑按钮
  62. https://github.com/dancormier/react-native-swipeout
  63. https://github.com/jemise111/react-native-swipe-list-view
  64. 图表/制图
  65. https://github.com/tomauty/react-native-chart
  66. 股票金融
  67. https://github.com/7kfpun/FinanceReactNative
  68. 时间组件
  69. https://github.com/xgfe/react-native-datepicker
  70. 日历组件
  71. https://github.com/wix/react-native-calendars
  72. 电子签名
  73. https://github.com/jgrancher/react-native-sketch
  74. 下拉放大(回弹效果)
  75. https://github.com/lelandrichardson/react-native-parallax-view
  76. 日历组件
  77. https://github.com/cqm1994617/react-native-myCalendar
  78. https://github.com/vczero/react-native-calendar
  79. 多语言
  80. https://github.com/joshswan/react-native-globalize
  81. 单选/多选组件
  82. https://github.com/hinet/react-native-checkboxlist
  83. 二维码
  84. https://github.com/ideacreation/react-native-barcodescanner
  85. 制作本地库
  86. https://github.com/frostney/react-native-create-library
  87. 影音相关
  88. https://github.com/MisterAlex95/react-native-record-sound
  89. 提示消息(横条Bar)
  90. https://github.com/KBLNY/react-native-message-bar
  91. iOS原生TableView
  92. https://github.com/aksonov/react-native-tableview
  93. 点击弹出视图
  94. https://github.com/jeanregisser/react-native-popover
  95. https://github.com/instea/react-native-popup-menu
  96. 3D Touch
  97. https://github.com/madriska/react-native-quick-actions
  98. 双平台兼容的ActionSheet
  99. https://github.com/beefe/react-native-actionsheet
  100. 照片墙
  101. https://github.com/ldn0x7dc/react-native-gallery
  102. 键盘遮挡问题
  103. https://github.com/reactnativecn/react-native-inputscrollview
  104. https://github.com/wix/react-native-keyboard-aware-scrollview
  105. 本地存储
  106. https://github.com/sunnylqm/react-native-storage
  107. 小星星评分(动画效果)
  108. https://github.com/djchie/react-native-star-rating
  109. 扫描二维码
  110. https://github.com/lazaronixon/react-native-qrcode-reader
  111. 通讯录
  112. https://github.com/rt2zz/react-native-contacts
  113. 加密
  114. https://www.npmjs.com/package/crypto-js
  115. 清除缓存
  116. https://github.com/reactnativecn/react-native-http-cache
  117. ListView的优化
  118. https://github.com/sghiassy/react-native-sglistview
  119. 图片base64转码
  120. https://github.com/xfumihiro/react-native-image-to-base64
  121. 白屏问题
  122. https://github.com/mehcode/rn-splash-screen
  123. Text跑马灯效果
  124. https://github.com/remobile/react-native-marquee-label
  125. WebView相关
  126. https://github.com/alinz/react-native-webview-bridge
  127. 判断横竖屏
  128. https://github.com/yamill/react-native-orientation
  129. PDF
  130. https://github.com/cnjon/react-native-pdf-view
  131. 获取设备信息
  132. https://github.com/rebeccahughes/react-native-device-info
  133. 手势放大/缩小/移动
  134. https://github.com/kiddkai/react-native-gestures
  135. https://github.com/johanneslumpe/react-native-gesture-recognizers
  136. 上拉-刷新/下拉-加载
  137. https://github.com/FaridSafi/react-native-gifted-listview
  138. https://github.com/jsdf/react-native-refreshable-listview
  139. https://github.com/greatbsky/react-native-pull/wiki
  140. 下拉选
  141. https://github.com/alinz/react-native-dropdown
  142. 图片查看
  143. https://github.com/oblador/react-native-lightbox
  144. 照片选择
  145. https://github.com/marcshilling/react-native-image-picker
  146. https://github.com/ivpusic/react-native-image-crop-picker
  147. 图片加载进度条
  148. https://github.com/oblador/react-native-image-progress
  149. 轮播视图
  150. https://github.com/race604/react-native-viewpager
  151. https://github.com/FuYaoDe/react-native-app-intro
  152. https://github.com/appintheair/react-native-looped-carousel
  153. https://github.com/leecade/react-native-swiper
  154. 模态视图
  155. https://github.com/maxs15/react-native-modalbox
  156. https://github.com/brentvatne/react-native-modal
  157. https://github.com/bodyflex/react-native-simple-modal
  158. 毛玻璃效果
  159. https://github.com/react-native-fellowship/react-native-blur
  160. HTML 相关
  161. https://github.com/jsdf/react-native-htmlview
  162. 推荐一款最近用到的日历组件(iOS android 两端通用)-----------2018-01-25
  163. 日历组件
  164. 下拉选组件(ios,android 两端通用)---------2018-01-25
  165. Picker组件
  166. 短信倒计时(支持后台持续计时)  ------2018-04-09
  167. 调用系统打电话、发短信、发邮件、打开网址功能
  168. https://github.com/anarchicknight/react-native-communications
  169. 快速检索列表(按首字母)
  170. https://github.com/johanneslumpe/react-native-selectablesectionlistview
  171. 图表组件
  172. https://github.com/tomauty/react-native-chart
  173. 动画组件
  174. https://github.com/oblador/react-native-animatable
  175. 热更新
  176. https://github.com/Microsoft/react-native-code-push
  177. 热更新(似乎更好)
  178. https://github.com/aerofs/react-native-auto-updater
  179. 热更新(中国人写的)
  180. https://github.com/fengjundev/React-Native-Remote-Update
  181. 列表下拉刷新
  182. https://github.com/syrusakbary/react-native-refresher
  183. 下拉刷新和加载更多
  184. https://github.com/FaridSafi/react-native-gifted-listview
  185. 左侧菜单与官方的DrawerLayoutAndroid 用法相同,兼容iOS
  186. https://github.com/iodine/react-native-drawer-layout
  187. 条码扫描
  188. https://github.com/ideacreation/react-native-barcodescanner
  189. 文件上传
  190. https://github.com/kamilkp/react-native-file-transfer
  191. 支持Android和ios的toast
  192. https://github.com/remobile/react-native-toast
  193. 获取设备各类信息
  194. https://github.com/rebeccahughes/react-native-device-info
  195. WebStorm ReactNative的代码模板插件,包括:
  196. 1.组件名称2.Api 名称3.所有StyleSheets属性4.组件属性
  197. https://github.com/virtoolswebplayer/ReactNative-LiveTemplate
  198. react-native调用cordova插件
  199. https://github.com/axemclion/react-native-cordova-plugin
  200. 输入自动完成
  201. https://github.com/FaridSafi/react-native-google-places-autocomplete
  202. 抖一抖动画小组件(有点意思)
  203. https://github.com/slavik0329/react-native-bounceable
  204. 封装后动画组件(效果较丰富)
  205. https://github.com/oblador/react-native-animatable
  206. 文件上传
  207. https://github.com/aroth/react-native-uploader
  208. jpush-react-native //官方版本
  209. https://github.com/jpush/jpush-react-native
  210. react-native-jpush 由 React Native 中文网开发维护。
  211. https://github.com/reactnativecn/react-native-jpush
  212. 选项卡https://github.com/exponentjs/react-native-tab-navigator
  213. material组件库(各种漂亮的小组件)
  214. https://github.com/xinthink/react-native-material-kit
  215. base组件库(各种封装不错的小组件)
  216. http://nativebase.io/docs/v0.4.6/components#anatomy
  217. https://github.com/GeekyAnts/NativeBase
  218. 不错的按钮
  219. https://github.com/mastermoo/react-native-action-button
  220. https://github.com/ide/react-native-button
  221. 输入框表单验证
  222. https://github.com/gcanti/tcomb-form-native
  223. https://github.com/FaridSafi/react-native-gifted-form
  224. https://github.com/bartonhammond/snowflake
  225. 炫酷效果的TextInput
  226. https://github.com/halilb/react-native-textinput-effects
  227. https://github.com/zbtang/React-Native-TextInputLayout
  228. 聊天
  229. https://github.com/FaridSafi/react-native-gifted-chat
  230. 地图
  231. https://github.com/lelandrichardson/react-native-maps
  232. 动画
  233. https://github.com/oblador/react-native-animatable
  234. 加载动画
  235. https://github.com/maxs15/react-native-spinkit
  236. 抽屉效果
  237. https://github.com/root-two/react-native-drawer
  238. https://github.com/react-native-fellowship/react-native-side-menu
  239. 侧滑按钮
  240. https://github.com/dancormier/react-native-swipeout
  241. https://github.com/jemise111/react-native-swipe-list-view
  242. 图表
  243. https://github.com/tomauty/react-native-chart
  244. 下拉放大
  245. https://github.com/lelandrichardson/react-native-parallax-view
  246. 可滑动的日历组件
  247. https://github.com/cqm1994617/react-native-myCalendar
  248. 语言转化和一些常用格式转换
  249. https://github.com/joshswan/react-native-globalize
  250. 单选多选ListView
  251. https://github.com/hinet/react-native-checkboxlist
  252. 选择按钮
  253. https://github.com/sconxu/react-native-checkbox
  254. 二维码
  255. https://github.com/ideacreation/react-native-barcodescanner
  256. 制作本地库
  257. https://github.com/frostney/react-native-create-library
  258. 影音相关
  259. https://github.com/MisterAlex95/react-native-record-sound
  260. 安卓录音
  261. https://github.com/bosung90/react-native-audio-android
  262. 提示消息的Bar
  263. https://github.com/KBLNY/react-native-message-bar
  264. iOS原生TableView
  265. https://github.com/aksonov/react-native-tableview
  266. 点击弹出视图
  267. https://github.com/jeanregisser/react-native-popover
  268. https://github.com/instea/react-native-popup-menu
  269. 3D Touch
  270. https://github.com/madriska/react-native-quick-actions
  271. 双平台兼容的ActionSheet
  272. https://github.com/beefe/react-native-actionsheet
  273. 照片墙
  274. https://github.com/ldn0x7dc/react-native-gallery
  275. 键盘遮挡问题
  276. https://github.com/reactnativecn/react-native-inputscrollview
  277. https://github.com/wix/react-native-keyboard-aware-scrollview
  278. 本地存储
  279. https://github.com/sunnylqm/react-native-storage
  280. 星星
  281. https://github.com/djchie/react-native-star-rating
  282. 国际化
  283. https://github.com/joshswan/react-native-globalize
  284. 扫描二维码
  285. https://github.com/lazaronixon/react-native-qrcode-reader
  286. 通讯录
  287. https://github.com/rt2zz/react-native-contacts
  288. 加密
  289. https://www.npmjs.com/package/crypto-js
  290. 缓存管理
  291. https://github.com/reactnativecn/react-native-http-cache
  292. ListView的优化
  293. https://github.com/sghiassy/react-native-sglistview
  294. 图片和base64互转
  295. https://github.com/xfumihiro/react-native-image-to-base64
  296. 安卓iOS 白屏解决
  297. https://github.com/mehcode/rn-splash-screen
  298. Text跑马灯效果
  299. https://github.com/remobile/react-native-marquee-label
  300. 清除按钮的输入框
  301. https://github.com/beefe/react-native-textinput
  302. WebView相关
  303. https://github.com/alinz/react-native-webview-bridge
  304. 判断横竖屏
  305. https://github.com/yamill/react-native-orientation
  306. PDF
  307. https://github.com/cnjon/react-native-pdf-view
  308. 手势放大缩小移动
  309. https://github.com/kiddkai/react-native-gestures
  310. https://github.com/johanneslumpe/react-native-gesture-recognizers
  311. 下拉-上拉-刷新
  312. https://github.com/FaridSafi/react-native-gifted-listview
  313. https://github.com/jsdf/react-native-refreshable-listview
  314. https://github.com/greatbsky/react-native-pull/wiki
  315. 下拉选择
  316. https://github.com/alinz/react-native-dropdown
  317. 图片查看
  318. https://github.com/oblador/react-native-lightbox
  319. 照片选择
  320. https://github.com/marcshilling/react-native-image-picker
  321. https://github.com/ivpusic/react-native-image-crop-picker
  322. 图片加载进度条
  323. https://github.com/oblador/react-native-image-progress
  324. 轮播视图
  325. https://github.com/race604/react-native-viewpager
  326. https://github.com/FuYaoDe/react-native-app-intro
  327. https://github.com/appintheair/react-native-looped-carousel
  328. https://github.com/leecade/react-native-swiper
  329. 模态视图
  330. https://github.com/maxs15/react-native-modalbox
  331. https://github.com/brentvatne/react-native-modal
  332. https://github.com/bodyflex/react-native-simple-modal
  333. 毛玻璃效果
  334. https://github.com/react-native-fellowship/react-native-blur
  335. 头像库
  336. https://github.com/oblador/react-native-vector-icons
  337. 滑动选项卡
  338. https://github.com/skv-headless/react-native-scrollable-tab-view
  339. 倒计时,电商APP,秒杀、团购倒计时
  340. https://github.com/jackuhan/react-native-CountDowntimer
  341. 可滚动标签,可以点击切换,每个tab 可以有自己的 ScrollView,点击切换的时候可以维护自己的滚动方向。
  342. 类似网易新闻标签(首页)
  343. https://www.npmjs.com/package/react-native-scrollable-tab-view
  344. 视频播放
  345. npm install react-native-video –save
  346. 一款简单易用的Toast 组件,支持 Android&iOS.
  347. https://github.com/crazycodeboy/react-native-easy-toast?utm_source=tuicool&utm_medium=referral
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值