【v1.2.0】 公众号 aMarno ，专注 React Native 技术和资源分享

Author: 李刚

README.md

@@ -1,5 +1,5 @@
 ## React Native 优秀开源项目大全（每月15更新）
-## 目前累计收录：【 94 】
+## 目前累计收录：【 90 】
 --------
 
 ### ★ 关于我们
@@ -37,12 +37,12 @@
 |**3**|[多媒体](https://github.com/MarnoDev/react-native-open-project/blob/master/category/03_Media.md)|2017.2.16|视频播放，拍照，录音等|3|
 |**4**|[导航](https://github.com/MarnoDev/react-native-open-project/blob/master/category/04_Navi.md)|2017.2.16|底部tab，页面管理等|9|
 |**5**|[存储](https://github.com/MarnoDev/react-native-open-project/blob/master/category/05_Stroage.md)|2017.2.16|文件、数据库、键值对存储等|3|
-|**6**|[辅助资源](https://github.com/MarnoDev/react-native-open-project/blob/master/category/06_Utils.md)|2017.2.16|图标、工具类等|1|
+|**6**|[辅助资源](https://github.com/MarnoDev/react-native-open-project/blob/master/category/06_Utils.md)|2017.3.14|图标、工具类等|1|
 |**7**|[动画](https://github.com/MarnoDev/react-native-open-project/blob/master/category/07_Animation.md)|2017.2.16|各类动画|4|
-|**8**|[弹出提示](https://github.com/MarnoDev/react-native-open-project/blob/master/category/08_PopUp.md)|2017.2.16|弱提示，确认框，下拉菜单等|11|
+|**8**|[弹出提示](https://github.com/MarnoDev/react-native-open-project/blob/master/category/08_PopUp.md)|2017.3.14|弱提示，确认框，下拉菜单等|11|
 |**9**|[图片](https://github.com/MarnoDev/react-native-open-project/blob/master/category/09_Image.md)|2017.2.16|图形图像，滤镜，模糊，修改|5|
 |**10**|[文本](https://github.com/MarnoDev/react-native-open-project/blob/master/category/10_Text&Input.md)|2017.2.16|文本、输入框、搜索框|6|
 |**11**|[菜单](https://github.com/MarnoDev/react-native-open-project/blob/master/category/11_Menu.md)|2017.2.21|侧滑，展开，悬浮等各类菜单组件|6|
 |**...**|...|...|...|...|
-|**20**|[其他](https://github.com/MarnoDev/react-native-open-project/blob/master/category/20_Others.md)|2017.2.16|其他不知道怎么分类的组件都在这里了|13|
+|**20**|[其他](https://github.com/MarnoDev/react-native-open-project/blob/master/category/20_Others.md)|2017.3.14|其他不知道怎么分类的组件都在这里了|9|
 |**21**||||Marno|

category/03_Media.md

@@ -16,5 +16,7 @@
 |**0**|[react-native-video](https://github.com/react-native-community/react-native-video)|兼容Andorid和iOS的视频播放组件，安卓在安装以后需要还需要手动修改node_module中的文件才能正确使用，修改方式可以看我博客|![](https://github.com/brentvatne/facebook-login/blob/master/demo!!!.gif)|
 |**1**|[react-native-camera](https://github.com/lwansbrough/react-native-camera)|通过React Native直接调用设备相机进行录制和拍摄的组件|![](https://cloud.githubusercontent.com/assets/2302315/22190752/6bc6ccd0-e0da-11e6-8e2f-6f22a3567a57.gif)|
 |**2**|[react-native-audio](https://github.com/jsierles/react-native-audio)|通过React Native进行音频录制|![]()|
-|**3**|[]()||![]()|
-|**4**|[]()||![]()|
+|**3**|[react-native-video-processing](https://github.com/shahen94/react-native-video-processing)|视频编辑库|**没有图**|
+|**4**|[react-native-camera-roll-picker](https://github.com/jeanpan/react-native-camera-roll-picker)|选取系统相册中的照片|![](https://raw.githubusercontent.com/jeanpan/react-native-camera-roll-picker/master/demo/demo.gif)|
+|**5**|[]()||![]()|
+|**6**|[]()||![]()|

category/06_Utils.md

@@ -14,4 +14,12 @@
 |序号|名称/地址|简介|预览图|
 |:---:|:---:|:---:|:---:|
 |**0**|[react-native-vector-icons](https://github.com/oblador/react-native-vector-icons)|包含大量图标，如果在引用时直接用"arrow-back"则会自己区分平台，如果使用“ios(md)-arrow-back”，指定平台|![](https://cloud.githubusercontent.com/assets/378279/12009887/33f4ae1c-ac8d-11e5-8666-7a87458753ee.png)|
+|**1**|[react-native-cross-platform-icons](https://github.com/dwicao/react-native-cross-platform-icons)|一个可以跨平台使用的图标库|![](https://raw.githubusercontent.com/dwicao/react-native-cross-platform-icons/master/demo.png)|
+|**2**|[React-Native-Virtual-Keyboard](https://github.com/nshaposhnik/React-Native-Virtual-Keyboard)|虚拟键盘|![](https://camo.githubusercontent.com/1b1b56711c1d3bb8df9e6da7c47c5556eca18b10/68747470733a2f2f7261772e6769746875622e636f6d2f6e736861706f73686e696b2f72656163742d6e61746976652d7669727475616c2d6b6579626f6172642f6d61737465722f6578616d706c652f73637265656e73686f742e706e67)|
+|**1**|[]()||![]()|
+|**1**|[]()||![]()|
+|**1**|[]()||![]()|
+|**1**|[]()||![]()|
+|**1**|[]()||![]()|
+|**1**|[]()||![]()|
 |**1**|[]()||![]()|

category/07_Animation.md

@@ -17,7 +17,7 @@
 |**1**|[react-native-progress](https://github.com/oblador/react-native-progress)|带动画的进度条|![](https://cloud.githubusercontent.com/assets/378279/11212043/64fb1420-8d01-11e5-9ec0-5e175a837c62.gif)|
 |**2**|[lottie-react-native](https://github.com/airbnb/lottie-react-native)|既然这么叼，我想应该不用介绍了吧？Airbnb良心开源动画库|![](https://github.com/airbnb/lottie-react-native/blob/master/docs/gifs/Example2.gif)|
 |**3**|[react-native-touchable-bounce](https://github.com/grabbou/react-native-touchable-bounce)|带回弹效果的按钮|![](https://cloud.githubusercontent.com/assets/2464966/13904982/de81a4ae-eeb2-11e5-93d5-797ba1758a23.gif)|
-|**4**|[]()||![]()|
+|**4**|[react-native-animatable](https://github.com/oblador/react-native-animatable)|简单易用的动画库，有很多种动画|![](https://cloud.githubusercontent.com/assets/378279/10590307/ef73b1ba-767d-11e5-8fb9-9779d3a53a50.gif)|
 |**5**|[]()||![]()|
 |**6**|[]()||![]()|
 |**7**|[]()||![]()|

category/08_PopUp.md

@@ -24,4 +24,14 @@
 |**8**|[react-native-root-modal](https://github.com/magicismight/react-native-root-modal)|弹出页面|![](https://github.com/magicismight/react-native-root-modal/blob/master/Example/screenShoot.ios.gif)|
 |**9**|[react-native-picker](https://github.com/beefe/react-native-picker)|底部弹出Picker，多级联动，三级联动选择器|![](https://github.com/beefe/react-native-picker/blob/master/doc/ui4.jpg)|
 |**10**|[react-native-picker-xg](https://github.com/xgfe/react-native-picker-xg)|滚轮选择器|![](https://raw.githubusercontent.com/lulutia/react-native-tpicker/master/show.gif)|
+|**11**|[React-Native-SnackBar-Component](https://github.com/SiDevesh/React-Native-SnackBar-Component)|类似Android平台上的snackbar|![](https://camo.githubusercontent.com/9a97a6b6084fedbdda5756ce6d6c1e6610944bca/68747470733a2f2f6d656469612e67697068792e636f6d2f6d656469612f7a43685453576f6737544e6d4d2f67697068792e676966)|
 |**11**|[]()||![]()|
+|**11**|[]()||![]()|
+|**11**|[]()||![]()|
+|**11**|[]()||![]()|
+|**11**|[]()||![]()|
+|**11**|[]()||![]()|
+|**11**|[]()||![]()|
+|**11**|[]()||![]()|
+|**11**|[]()||![]()|
+

category/09_Image.md

@@ -18,7 +18,7 @@
 |**2**|[react-native-photo-browser](https://github.com/halilb/react-native-photo-browser)|选择系统相册图片，浏览选中大图|![](https://github.com/halilb/react-native-photo-browser/blob/master/screenshots/photo-browser.gif)|
 |**3**|[react-native-fit-image](https://github.com/huiseoul/react-native-fit-image)|根据图片的大小自动进行缩放的Image组件|![](https://github.com/originerd/react-native-fit-image-example/blob/master/fit_image_example_portrait.gif)|
 |**4**|[react-native-webp](https://github.com/dbasedow/react-native-webp)|使项目支持WebP图片格式|**没有图**|
-|**5**|[]()||![]()|
+|**5**|[react-native-palette](https://github.com/chetstone/react-native-palette)|从图片中直接提取颜色的库|**没有图**|
 |**6**|[]()||![]()|
 |**7**|[]()||![]()|
 |**8**|[]()||![]()|

category/10_Text&Input.md

@@ -19,8 +19,8 @@
 |**3**|[react-native-marquee-label](https://github.com/remobile/react-native-marquee-label)|带跑马灯效果的Text组件|![](https://github.com/remobile/react-native-marquee-label/blob/master/screencasts/demo.gif)|
 |**4**|[react-native-hyperlink](https://github.com/obipawan/react-native-hyperlink)|支持超链接的Text|![](https://camo.githubusercontent.com/abea3c1c64ff3214c2e1cec3c04dab593d46fbe1/68747470733a2f2f63646e2e7261776769742e636f6d2f6f6269706177616e2f68797065726c696e6b2f6d61737465722f61737365742f73637265656e2e676966)|
 |**5**|[react-native-hypertext](https://github.com/agentcooper/react-native-hypertext)|支持超链接的Text|![](https://raw.githubusercontent.com/agentcooper/react-native-hypertext/master/screenshot.png)|
-|**6**|[]()||![]()|
-|**7**|[]()||![]()|
+|**6**|[react-native-mentions](https://github.com/harshq/react-native-mentions)|一个可以通过 @ 符号提及某人的输入框|![](https://github.com/harshq/react-native-mentions/raw/master/example.gif)|
+|**7**|[react-native-floating-labels](https://github.com/mayank-patel/react-native-floating-labels)|类似Android上的一个输入框组件|![](https://raw.githubusercontent.com/mayank-patel/react-native-floating-labels/master/demo.gif)|
 |**8**|[]()||![]()|
 |**9**|[]()||![]()|
 |**10**|[]()||![]()|

category/11_Menu.md

@@ -19,7 +19,7 @@
 |**3**|[react-native-off-canvas-menu](https://github.com/shoumma/react-native-off-canvas-menu)|侧滑菜单|![](https://github.com/shoumma/react-native-off-canvas-menu/blob/master/visuals/OffCanvasReveal.gif)|
 |**4**|[react-native-swipeout](https://github.com/dancormier/react-native-swipeout)|列表Item侧滑菜单|![](https://camo.githubusercontent.com/b48b5dfb4a8ca88cb1408a9a0ff5aecd8f92ff4b/687474703a2f2f692e696d6775722e636f6d2f6f43514c4e46432e676966)|
 |**5**|[react-native-swipeable](https://github.com/jshanson7/react-native-swipeable)|为列表Item添加侧滑功能的组件|![](https://raw.githubusercontent.com/jshanson7/react-native-swipeable/master/demo.gif)|
-|**6**|[]()||![]()|
+|**6**|[react-native-circle-button](https://github.com/dwicao/react-native-circle-button)|带动画的圆形菜单|![](https://raw.githubusercontent.com/dwicao/react-native-circle-button/master/demo.gif)|
 |**7**|[]()||![]()|
 |**8**|[]()||![]()|
 |**9**|[]()||![]()|

category/12_Chart.md

@@ -0,0 +1,47 @@
+# 12.图表
+
+*****
+
+### ★ 关于我们
+
+- **公众号【 aMarno 】专注分享 React Native 技术和资源 ，扫码关注↓↓↓**
+- 公众号回复 RN，可加入 RN 技术微信交流群
+- Marno 的主页：**[【 掘金 】](https://gold.xitu.io/user/56c1c513c24aa800534e85f3)** **[【 简书 】](http://www.jianshu.com/u/174a09ba6c25)**
+- 简书专题 **[《 React Native开发阵营 》](http://www.jianshu.com/c/b4ce1d706d1f)**
+</br>![](https://github.com/MarnoDev/react-native-open-project/blob/master/res/QR.jpg)
+
+### ★ 项目预览
+|序号|名称/地址|简介|预览图|
+|:---:|:---:|:---:|:---:|
+|**0**|[react-native-charts-wrapper](https://github.com/wuxudong/react-native-charts-wrapper)|图表组件，用RN代码对原生组件进行了包装。</br>Android上用的MPAndroidChart，iOS
+上用的是Charts|![](https://raw.githubusercontent.com/wuxudong/react-native-charts-wrapper/master/screenshot/IOS%20ScreenShot.png)|
+|**1**|[react-native-pie](https://github.com/nihgwu/react-native-pie)|饼状图表，支持双平台|![](https://github.com/nihgwu/react-native-pie/raw/master/demo/ios.png)|
+|**2**|[]()||![]()|
+|**3**|[]()||![]()|
+|**4**|[]()||![]()|
+|**5**|[]()||![]()|
+|**6**|[]()||![]()|
+|**7**|[]()||![]()|
+|**8**|[]()||![]()|
+|**9**|[]()||![]()|
+|**10**|[]()||![]()|
+|**11**|[]()||![]()|
+|**12**|[]()||![]()|
+|**13**|[]()||![]()|
+|**14**|[]()||![]()|
+|**15**|[]()||![]()|
+|**16**|[]()||![]()|
+|**17**|[]()||![]()|
+|**18**|[]()||![]()|
+|**19**|[]()||![]()|
+|**20**|[]()||![]()|
+|**21**|[]()||![]()|
+|**22**|[]()||![]()|
+|**23**|[]()||![]()|
+|**24**|[]()||![]()|
+|**25**|[]()||![]()|
+|**26**|[]()||![]()|
+|**27**|[]()||![]()|
+|**28**|[]()||![]()|
+|**29**|[]()||![]()|
+|**30**|[]()||![]()|

category/20_Others.md

@@ -1,4 +1,4 @@
-# 9.不知道怎么分类
+# 9.其他
 
 *****
 
@@ -17,11 +17,19 @@
 |**1**|[react-native-display](https://github.com/sundayhd/react-native-display)|给组件添加进入退出动画，通过控制显示与否，提高组件性能|![](https://cloud.githubusercontent.com/assets/9949238/22396351/f1452940-e55f-11e6-8e9b-ae26396c2051.gif)|
 |**2**|[react-native-button-component](https://github.com/jacklam718/react-native-button-component)|比系统Button好用一点的Button组件|![](https://camo.githubusercontent.com/e5265dd258a6dc1a5cf5f0a4c5748d66bc4c5f49/68747470733a2f2f6a61636b6c616d3731382e6769746875622e696f2f72656163742d6e61746976652d627574746f6e2d636f6d706f6e656e742f6275696c642f766964656f2f627574746f6e2d64656d6f2e676966)|
 |**3**|[react-native-card-view](https://github.com/jacklam718/react-native-card-view)|可以设置投影效果的组件，类似Android中的CardView|![](https://camo.githubusercontent.com/ba3bb6f707a538def6062e961750bc6cdeb0e78d/68747470733a2f2f7777772e64726f70626f782e636f6d2f732f39736566666a6b6967383635666f302f494d475f303336302e504e473f646c3d31)|
-|**7**|[react-native-awesome-button](https://github.com/larsvinter/react-native-awesome-button)|一个Button组件|![](https://raw.githubusercontent.com/Sh3rawi/react-native-awesome-button/Android_Support/docs/awesomeButton.gif)|
-|**8**|[react-native-step-indicator](https://github.com/24ark/react-native-step-indicator)|操作步骤指示器|![](https://github.com/24ark/react-native-step-indicator/blob/master/art/HorizontalStepIndicator.gif)|
-|**10**|[react-native-tinder-swipe-cards](https://github.com/meteor-factory/react-native-tinder-swipe-cards)|类似探探App中左右滑动的组件|![](https://raw.githubusercontent.com/meteor-factory/react-native-tinder-swipe-cards/master/screenshots/react-native-tinder-cards-pugs.gif)|
-|**11**|[react-native-star-rating](https://github.com/djchie/react-native-star-rating)|星级评分组件|![](https://github.com/djchie/react-native-star-rating/blob/master/assets/general-star-demo.gif)|
-|**12**|[react-native-qrcode](https://github.com/cssivision/react-native-qrcode)|展示和生成二维码组件|**没有图**|
+|**4**|[react-native-awesome-button](https://github.com/larsvinter/react-native-awesome-button)|一个Button组件|![](https://raw.githubusercontent.com/Sh3rawi/react-native-awesome-button/Android_Support/docs/awesomeButton.gif)|
+|**5**|[react-native-step-indicator](https://github.com/24ark/react-native-step-indicator)|操作步骤指示器|![](https://github.com/24ark/react-native-step-indicator/blob/master/art/HorizontalStepIndicator.gif)|
+|**6**|[react-native-tinder-swipe-cards](https://github.com/meteor-factory/react-native-tinder-swipe-cards)|类似探探App中左右滑动的组件|![](https://raw.githubusercontent.com/meteor-factory/react-native-tinder-swipe-cards/master/screenshots/react-native-tinder-cards-pugs.gif)|
+|**7**|[react-native-star-rating](https://github.com/djchie/react-native-star-rating)|星级评分组件|![](https://github.com/djchie/react-native-star-rating/blob/master/assets/general-star-demo.gif)|
+|**8**|[react-native-qrcode](https://github.com/cssivision/react-native-qrcode)|展示和生成二维码组件|**没有图**|
+|**9**|[react-native-row](https://github.com/hyrwork/react-native-row)|基于FlexBox做了一些常用样式的封装</br>使得flexbox用起来稍微方便了一点|![](https://github.com/hyrwork/react-native-row/raw/master/examples/example1.jpg)|
+|**10**|[react-native-modest-checkbox](https://github.com/tiaanduplessis/react-native-modest-checkbox)|好用的复选框组件|![](https://github.com/tiaanduplessis/react-native-modest-checkbox/raw/master/media/demo.gif)|
+|**11**|[react-native-foldview](https://github.com/jmurzy/react-native-foldview)|可以折叠起来的UI组件|![](https://raw.githubusercontent.com/jmurzy/react-native-foldview/master/.github/screenshot.gif)|
+|**12**|[react-native-keyboard-spacer](https://github.com/Andr3wHur5t/react-native-keyboard-spacer)|让软键盘的弹出和隐藏更优雅一点|![](https://camo.githubusercontent.com/ef132cecc200ab3a5eec2b24021f5c02c44c4de4/68747470733a2f2f6d656469612e67697068792e636f6d2f6d656469612f336f456a484a774c7959673775705479596f2f67697068792e676966)|
 |**13**|[]()||![]()|
 |**14**|[]()||![]()|
 |**15**|[]()||![]()|
+|**16**|[]()||![]()|
+|**17**|[]()||![]()|
+|**18**|[]()||![]()|
+