RN第三方組件

p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; font: 14.0px “Helvetica Neue”; color: #333333 } p.p2 { margin: 0.0px 0.0px 0.0px 0.0px; font: 14.0px “Helvetica Neue”; color: #0000ee } p.p3 { margin: 0.0px 0.0px 0.0px 0.0px; font: 14.0px “Helvetica Neue”; color: #333333; min-height: 16.0px } p.p4 { margin: 0.0px 0.0px 0.0px 0.0px; font: 11.0px Menlo; color: #ffffff; background-color: #080808 } p.p5 { margin: 0.0px 0.0px 0.0px 0.0px; font: 14.0px “Helvetica Neue”; color: #333333; background-color: #ffffff } p.p6 { margin: 0.0px 0.0px 0.0px 0.0px; font: 14.0px “Helvetica Neue”; color: #0000ee; background-color: #ffffff } p.p7 { margin: 0.0px 0.0px 0.0px 0.0px; font: 18.0px “Helvetica Neue”; color: #0366d6; background-color: #ffffff } p.p8 { margin: 0.0px 0.0px 0.0px 0.0px; font: 14.0px “Helvetica Neue”; color: #333333; background-color: #ffffff; min-height: 16.0px } p.p9 { margin: 0.0px 0.0px 0.0px 0.0px; font: 14.0px “Helvetica Neue”; color: #a50606; background-color: #ffffff } p.p10 { margin: 0.0px 0.0px 0.0px 0.0px; font: 20.0px “Helvetica Neue”; color: #333333; background-color: #ffffff } p.p11 { margin: 0.0px 0.0px 0.0px 0.0px; font: 14.0px “Microsoft YaHei”; color: #666666; background-color: #ffffff } p.p12 { margin: 0.0px 0.0px 0.0px 0.0px; font: 15.0px “Microsoft YaHei”; color: #444444; background-color: #ffffff } p.p13 { margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Menlo; color: #ce9178; background-color: #1e1e1e } p.p14 { margin: 0.0px 0.0px 0.0px 0.0px; font: 16.4px “Microsoft YaHei”; color: #333333; background-color: #ffffff } span.s1 { } span.s2 { text-decoration: underline } span.s3 { color: #333333 } span.s4 { text-decoration: underline; color: #0000ee } span.s5 { font: 14.0px “Helvetica Neue”; color: #333333 } span.s6 { font: 18.0px “Helvetica Neue”; color: #0366d6 } span.s7 { color: #a50606 } span.s8 { font: 14.0px “Microsoft YaHei”; color: #666666 }

记录一下自己暂目前了解和使用的一些开源库和官方文档和优秀博客介绍,希望对你有帮助☺️:

1.Toast:

https://github.com/magicismight/react-native-root-toast

2.图标的使用:

https://github.com/oblador/react-native-vector-icons

3.选择照片:

https://github.com/lwansbrough/react-native-camera

4.二级菜单:

https://github.com/vczero/react-native-tab-menu

5.日历组件:

https://github.com/vczero/react-native-calendar

6.轮播组件:

https://github.com/leecade/react-native-swiper

7.模态对话框:

https://github.com/devWayne/react-native-modal

8.Tab-navitor:

https://github.com/happypancake/react-native-tab-navigator

9.滑动切换:

https://github.com/skv-headless/react-native-scrollable-tab-view

参考博客:

http://www.jianshu.com/p/b7788c3d106e

10.侧滑:

https://github.com/root-two/react-native-drawer

11.导航栏:

https://github.com/react-community/react-navigation

官方文档: https://reactnavigation.org/docs/navigators/stack

参考博客:

http://blog.csdn.net/sinat_17775997/article/details/70176688

http://blog.csdn.net/u013718120/article/details/72357698

12.TabBar:

npm i react-native-tab-navigator –save

13.navigation:

https://github.com/wix/react-native-navigation

14.下拉刷新,上拉加载:react-native-pull

http://www.jianshu.com/p/017264724d49

15.iOS个推:

https://github.com/GetuiLaboratory/react-native-getui/blob/master/example/document/iOS.md

16.加载HTML文本信息展示成视图:

https://github.com/siuying/react-native-htmltext

https://www.oschina.net/p/react-native-htmlview

17.文件操作:

https://github.com/itinance/react-native-fs

18.数据存储:react-native-storage

https://github.com/sunnylqm/react-native-storage/blob/master/README-CHN.md

19.数据库:react-native-sqlite 不支持Android

https://github.com/almost/react-native-sqlite

20.动画:react-native-animatable

21.仿QQ微信列表左右滑动删除 react-native-swipe-list-view:

https://github.com/dancormier/react-native-swipeout

22.图片查看器:

https://github.com/halilb/react-native-photo-browser

23.react-native-simple-store:

使用AsyncStorage，但是发现构建相同的保存和获取功能变得很冗长乏味，太烦人，而这个 Simple Store是基于AsyncStorage 之上构建，能够简单直接访问设备.

24.react-native-timeago:时间处理

25.数据库操作: react-native-sqlite-storage

26.TextInput输入键盘适应：

react-native-keyboard-aware-scroll-view

27.启动屏:

https://github.com/crazycodeboy/react-native-splash-screen

28.城市列表选择:

http://blog.csdn.net/liu__520/article/details/53671912

29.相册图片选择,拍照,裁剪图片:

https://github.com/ivpusic/react-native-image-crop-picker