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

Author: 李刚

README.md

@@ -26,6 +26,9 @@
 
 **注意！！** link 以后， Android 平台可能会在 Application 中重复生成对象，会导致编译报错，手动删除重复对象即可。具体可以到我的主页找我另一篇关于 RN 踩坑的文章看下。
 
+### ★ 更新导读
+- [《 17 年 03 月 15 日更新导读 》](https://juejin.im/post/58c8963b2f301e007e2e17a5)
+- [《 17 年 04 月 15 日更新导读 》]()
 
 ### ★ 分类检索
 
@@ -44,6 +47,7 @@
 |**10**|[文本](https://github.com/MarnoDev/react-native-open-project/blob/master/category/10_Text&Input.md)|2017.3.14|文本、输入框、搜索框|8|
 |**11**|[菜单](https://github.com/MarnoDev/react-native-open-project/blob/master/category/11_Menu.md)|2017.3.14|侧滑，展开，悬浮等各类菜单组件|7|
 |**12**|[图表](https://github.com/MarnoDev/react-native-open-project/blob/master/category/12_Chart.md)|2017.3.14|各种图表|2|
+|**13**|[国内服务](https://github.com/MarnoDev/react-native-open-project/blob/master/category/13_Service.md)|2017.4.15|RN封装的QQ登录，极光推送，支付宝等|2|
 |**...**|...|...|...|...|
 |**20**|[其他](https://github.com/MarnoDev/react-native-open-project/blob/master/category/20_Others.md)|2017.3.14|其他不知道怎么分类的组件都在这里了|13|
 |**21**||||Marno|

category/00_FullApp.md

@@ -15,7 +15,7 @@
 |序号|名称/地址|简介|预览图|
 |:---:|:---:|:---:|:---:|
 |**0**|[react-native-eyepetizer](https://github.com/MarnoDev/react-native-eyepetizer)|模仿开眼3.1.2|![](https://github.com/MarnoDev/react-native-eyepetizer/blob/master/screenshot/screenshot0.gif)|
-|**1**|[GitHubPopular]()|这是一个用来查看GitHub最受欢迎与最热项目的App,它基于React Native支持Android和iOS双平台。|![](https://raw.githubusercontent.com/crazycodeboy/GitHubPopular/master/resource/screenshot/GitHubPopular-1.jpg)|
+|**1**|[GitHubPopular](https://github.com/crazycodeboy/GitHubPopular)|这是一个用来查看GitHub最受欢迎与最热项目的App,它基于React Native支持Android和iOS双平台。|![](https://raw.githubusercontent.com/crazycodeboy/GitHubPopular/master/resource/screenshot/GitHubPopular-1.jpg)|
 |**3**|[react-native-dribbble-app](https://github.com/catalinmiron/react-native-dribbble-app)|模仿国外设计师网站Dribbble做的客户端|![](https://cloud.githubusercontent.com/assets/2805320/8127634/25311eb0-1101-11e5-83aa-06dcc2d69da3.gif)|
 |**4**|[FinanceReactNative](https://github.com/7kfpun/FinanceReactNative)|使用React Native做的金融证券股票类App|![](https://github.com/7kfpun/FinanceReactNative/blob/master/previewIOS.gif)|
 |**5**|[react-native-nw-react-calculator](https://github.com/benoitvallon/react-native-nw-react-calculator)|简洁美观的计算器|![](https://github.com/benoitvallon/react-native-nw-react-calculator/blob/master/images/mobile-apps.png)|
@@ -29,4 +29,33 @@
 |**13**|[shopping-react-native](https://github.com/bigsui/shopping-react-native)|一个商城类的RN项目|![](https://github.com/bigsui/shopping-react-native/blob/master/screenshot/rn1.png)|
 |**14**|[ZhiHuDaily-React-Native](https://github.com/race604/ZhiHuDaily-React-Native)|仿知乎日报|![](https://github.com/race604/ZhiHuDaily-React-Native/blob/master/art/home1.jpg)|
 |**15**|[A-ReactNative-TesterHome](https://github.com/qddegtya/A-ReactNative-TesterHome)|社区咨询类App|![](https://github.com/qddegtya/A-ReactNative-TesterHome/blob/master/demo.gif)|
-|**16**|[]()||![]()|
+|**16**|[im.js](https://github.com/im-js/im.js)|一个基于 react-native + mobx + socket.io + node 的仿微信 JS-Wechat|![](https://github.com/im-js/im.js/raw/master/doc/asset/ios-demo-v1.4.1.gif)|
+|**17**|[House](https://github.com/DangrMiao/House)|用react native写的一个html5项目，由于时间关系，完成的比较粗糙，请多多指教，大神勿喷^_^|![](https://github.com/DangrMiao/House/raw/master/screenshot/first.jpg)|
+|**18**|[Poplar](https://github.com/lvwangbeta/Poplar)|A social networking application written by React Native|![](https://github.com/lvwangbeta/Poplar/raw/master/doc/imgs/feedDetail.gif)|
+|**19**|[HelloRN](https://github.com/believeitcould/HelloRN)|适合入门学习的demo，适配android ios， 有网页、图片、音乐、地图等功能|![](https://github.com/believeitcould/HelloRN/raw/master/screenShot/androidScreen.gif)|
+|**20**|[elm-react-native](https://github.com/stoneWeb/elm-react-native)|RN写的饿了么，还原度相当高，实现了各类动效，高度推荐|![](https://github.com/stoneWeb/elm-react-native/raw/master/screenshots/home-scroll.gif)|
+|**21**|[BIGTIGER.ME](https://github.com/liujinyang1994/BIGTIGER.ME)|一个使用React Native制作的个人博客客户端，已上架App Store|![此处无图]()|
+|**22**|[RNMars](https://github.com/yinmazuo/RNMars)|React-Native写的V2EX社区App|![](https://github.com/yinmazuo/RNMars/raw/master/screenshot/demo01.gif)|
+|**23**|[zqc-app-demo](https://github.com/jaggerwang/zqc-app-demo)|在球场App，已上线，官网：https://www.zaiqiuchang.com/ |![](https://camo.githubusercontent.com/6c9a842d12ab786e35c19a95f3c416988f335b9f/68747470733a2f2f7a71632e63646e2e7a61697169756368616e672e636f6d2f73637265656e73686f742f696f732f73637265656e73686f742d6e65617262792e6a70673f782d6f73732d70726f636573733d7374796c652f772d333630)|
+|**24**|[react-native-quan](https://github.com/gongchao/react-native-quan)|一个很简单的RN新闻应用|![](https://raw.githubusercontent.com/gongchao/react-native-quan/master/Captures/demo_2.png)|
+|**25**|[YCool](https://github.com/dlyt/YCool)|小说阅读APP |![](https://camo.githubusercontent.com/f8bc1a941ae5faa94c3c478c3e538058bdfb406c/687474703a2f2f70312e6271696d672e636f6d2f313934392f316363306466343834643538306535312e676966)|
+|**26**|[SnapChat](https://github.com/VctrySam/SnapChat)|（VctrySam）仿 SnapChat，国外一哥们VctrySam，用RN仿写了国外几个比较流行的App，后面几个都是他写的|![没有图，但有视频：https://www.youtube.com/watch?v=sStf_ZbTXss]()|
+|**27**|[Tinder](https://github.com/VctrySam/Tinder/)|（VctrySam）仿 Tinder,国外的探探|![没有图，但有视频：https://www.youtube.com/watch?v=FTGa8Tjwfi8]()|
+|**28**|[AirBnb](https://github.com/VctrySam/AirBnb/)|（VctrySam）仿 Airbnb|![没有图，但有视频：https://www.youtube.com/watch?v=CJLBFYHb4f8]()|
+|**29**|[whatsapp](https://github.com/VctrySam/whatsapp)|（VctrySam）仿 whatsapp|![没有图，但有视频：https://youtu.be/UQYsVd-rI54]()|
+|**30**|[Over18s](https://github.com/VctrySam/Over18s)|（VctrySam）仿 Over18s。别问我，我也不知道这是什么软件|![]()|
+|**31**|[TicTacToe](https://github.com/VctrySam/TicTacToe)|（VctrySam）仿 TicTacToe|![]()|
+|**32**|[game1](https://github.com/VctrySam/game1)|（VctrySam）仿 game1|![]()|
+|**33**|[hackathon1](https://github.com/VctrySam/hackathon1)|（VctrySam）仿 hackathon1|![]()|
+|**34**|[do-app](https://github.com/VctrySam/do-app)|（VctrySam）待办事项清单App|![]()|
+|**35**|[DragonBall](https://github.com/VctrySam/DragonBall)|（VctrySam）一个游戏|![]()|
+|**36**|[Youtube](https://github.com/VctrySam/Youtube)|（VctrySam）仿 Youtube|![]()|
+|**37**|[Twitter](https://github.com/VctrySam/Twitter)|（VctrySam）仿 Twitter|![]()|
+|**38**|[FCBarca](https://github.com/VctrySam/FCBarca)|（VctrySam）仿 FCBarca|![]()|
+|**39**|[Slacker](https://github.com/VctrySam/Slacker)|（VctrySam）仿 Slacker|![]()|
+|**40**|[react-conf-app](https://github.com/cem2ran/react-conf-app)|React Conf 2017 Companion App|![](https://github.com/MarnoDev/react-native-open-project/blob/master/res/project_images/react-conf2017.gif)|
+|**41**|[Mister-Poster](https://github.com/shoumma/Mister-Poster)|用到了 RN+Redux+Redux Storage+Firebase 的一个开源项目|![](https://github.com/shoumma/Mister-Poster/raw/master/visual_designs/post.gif)|
+|**42**|[surmon.me.native](https://github.com/surmon-china/surmon.me.native)|一个非常适合入门学习的react-native项目，有借鉴自其他种子项目的组织方式，代码清晰、结构合理。|![](https://raw.githubusercontent.com/surmon-china/surmon.me.native/master/screenshot/ios/full-02.jpg)|
+|**43**|[]()||![]()|
+|**44**|[]()||![]()|
+|**45**|[]()||![]()|

category/01_BaseFrame.md

@@ -19,8 +19,8 @@
 |**4**|[1.nachos-ui](https://github.com/avocode/nachos-ui)</br>[2.官网地址](https://avocode.com/nachos-ui/)|和其他的综合框架一样，包含了一些常用的组件，不想一个个找的可以直接使用这种框架|![](https://camo.githubusercontent.com/a61bd9d4e91b54f46ddc88223124df0ec299f84a/68747470733a2f2f636c6475702e636f6d2f7848596b41657a4f6e492e6a7067)|
 |**5**|[almaui](https://github.com/missingstack/almaui)|可以全局设置主题颜色的综合类框架|![](https://github.com/missingstack/almaui-starter/blob/master/assets/Almaui.png?raw=true)|
 |**6**|[tipsi-ui-kit](https://github.com/tipsi/tipsi-ui-kit)|包含组件比较少，大部分都是一些装饰性的组件|![](https://cloud.githubusercontent.com/assets/4946753/22082704/7eacf3ee-ddd1-11e6-8040-394699796a44.png)|
-|**7**|[]()||![]()|
-|**8**|[]()||![]()|
-|**9**|[]()||![]()|
+|**7**|[ignite](https://github.com/infinitered/ignite)|通过命令行创建带有模板代码的项目，可以学习一下代码的写法。配置略复杂，要求node和yarn必须是最新的|![](https://cloud.githubusercontent.com/assets/1479215/23348302/941b2d54-fc5d-11e6-9042-62501fa90b05.png)|
+|**8**|[react-native-starter-app](https://github.com/mcnamee/react-native-starter-app)|集合了一些常用组件的框架，省去不少搭建项目基础代码的时间|![](https://github.com/mcnamee/react-native-starter-app/raw/master/docs/rnsk-screens.jpg)|
+|**9**|[styled-components](https://github.com/styled-components/styled-components)|可以让自定义组件变得更简单的一个库|![](https://github.com/styled-components/styled-components)|
 |**10**|[]()||![]()|
 |**11**|[]()||![]()|

category/03_Media.md

@@ -18,5 +18,10 @@
 |**2**|[react-native-audio](https://github.com/jsierles/react-native-audio)|通过React Native进行音频录制|![]()|
 |**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**|[]()||![]()|
+|**5**|[react-native-smart-barcode](https://github.com/react-native-component/react-native-smart-barcode)|二维码扫描组件|![](https://camo.githubusercontent.com/29738fcbb176c4762bed642105bb0c585a437bb9/687474703a2f2f63797172657369672e6769746875622e696f2f696d672f72656163742d6e61746976652d736d6172742d626172636f64652d707265766965772d696f732d76312e302e302e676966)|
+|**6**|[react-vr](https://github.com/facebook/react-vr)|React&React Native上的 VR 组件，fb官方出品，推荐！|![图太强大，无法显示]()|
+|**7**|[]()||![]()|
+|**8**|[]()||![]()|
+|**9**|[]()||![]()|
+|**10**|[]()||![]()|
+|**11**|[]()||![]()|

category/04_Navi.md

@@ -22,6 +22,6 @@
 |**6**|[react-native-navigation-drawer](https://github.com/ilansas/react-native-navigation-drawer)|侧滑菜单|![](https://camo.githubusercontent.com/61efef9f1b37be084618705222291cb95ee3dd1b/687474703a2f2f696d6731312e686f7374696e67706963732e6e65742f706963732f3238323336346769662e676966)|
 |**7**|[react-native-custom-segmented-control](https://github.com/wix/react-native-custom-segmented-control)|顶部tab，带指示器和奇切换动画|![](https://github.com/wix/react-native-custom-segmented-control/blob/master/images/my_segmented1.gif)</br>![](https://github.com/wix/react-native-custom-segmented-control/blob/master/images/my_segmented6.gif)|
 |**8**|[react-native-segmented-view](https://github.com/lelandrichardson/react-native-segmented-view)|顶部tab组件|![](https://camo.githubusercontent.com/6ecefade296b71c4aff53baa6169e241b0a54ebb/687474703a2f2f6d656469612e67697068792e636f6d2f6d656469612f336f456476326d766f4c5764576d7865696b2f67697068792e676966)|
-|**9**|[]()||![]()|
+|**9**|[native-navigation](https://github.com/airbnb/native-navigation)|Airbnb提供的RN导航解决方案|![此处无图]()|
 |**10**|[]()||![]()|
 |**11**|[]()||![]()|

category/05_Stroage.md

@@ -13,7 +13,11 @@
 ### ★ 项目预览
 |序号|名称/地址|简介|预览图|
 |:---:|:---:|:---:|:---:|
-|**0**|[react-native-storage](https://github.com/sunnylqm/react-native-storage)|本地键值对存储，支持持久化存储|**这个真没图**|
+|**0**|[react-native-storage](https://github.com/sunnylqm/react-native-storage)|本地键值对存储，支持持久化存储|![此处无图]()|
 |**1**|[realm-js](https://github.com/realm/realm-js)|搞移动开发的还有谁还不知道Realm的？移动平台数据库存储没有之一！特点就一个：快！快！快！现在也推出了JS版的v1.0.0|![](https://github.com/realm/realm-js/raw/master/logo.png)|
-|**2**|[react-native-sqlite-storage](https://github.com/andpor/react-native-sqlite-storage)|React Native上的sqlite存储工具|![]()|
-|**0**|[]()||![]()|
+|**2**|[react-native-sqlite-storage](https://github.com/andpor/react-native-sqlite-storage)|React Native上的sqlite存储工具|![此处无图]()|
+|**3**|[react-native-fetch-blob](https://github.com/wkh237/react-native-fetch-blob)|一个致力于让RN读取手机文件更方便更高效的库|![](https://github.com/wkh237/react-native-fetch-blob/raw/master/img/RNFB-flow%20(1).png)|
+|**4**|[]()||![]()|
+|**5**|[]()||![]()|
+|**6**|[]()||![]()|
+|**7**|[]()||![]()|

category/06_Utils.md

@@ -16,7 +16,6 @@
 |**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)|
-|**3**|[]()||![]()|
+|**3**|[ReactNativeLocalization](https://github.com/stefalda/ReactNativeLocalization)|一个实现多语言环境的框架|![](https://github.com/MarnoDev/react-native-open-project/blob/master/res/project_images/ReactNativeLocalization.png)|
 |**4**|[]()||![]()|
 |**5**|[]()||![]()|
-

category/08_PopUp.md

@@ -25,8 +25,7 @@
 |**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)|
-|**12**|[]()||![]()|
-|**13**|[]()||![]()|
+|**12**|[ReactNativeTips](https://github.com/BingKui/ReactNativeTips)|移动端各类Tips提示组件合集，提供toast，success，error，alert，confirm等|![](https://github.com/BingKui/ReactNativeTips/raw/master/img/Tips.gif)|
+|**13**|[react-native-simple-toast](https://github.com/xgfe/react-native-simple-toast)|RN 封装的原生 Toast 组件，目前用的比较好用的一个Toast|![此处无图]()|
 |**14**|[]()||![]()|
 |**15**|[]()||![]()|
-

category/09_Image.md

@@ -14,12 +14,12 @@
 |序号|名称/地址|简介|预览图|
 |:---:|:---:|:---:|:---:|
 |**0**|[gl-react-native](https://github.com/ProjectSeptemberInc/gl-react-native)|通过WebGL给图片添加各种炫酷效果的组件，而且是各种炫酷|![](https://github.com/ProjectSeptemberInc/gl-react-native/blob/master/example)|
-|**1**|[react-native-blur](https://github.com/react-native-community/react-native-blur)|进行图片模糊的组件|![](https://cloud.githubusercontent.com/assets/5795227/20123354/d877dba4-a61e-11e6-8e5a-c85f76419e20.gif)|
+|**1**|[react-native-blur](https://github.com/react-native-community/react-native-blur)|图片模糊的组件|![](https://cloud.githubusercontent.com/assets/5795227/20123354/d877dba4-a61e-11e6-8e5a-c85f76419e20.gif)|
 |**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**|[react-native-palette](https://github.com/chetstone/react-native-palette)|从图片中直接提取颜色的库|**没有图**|
-|**6**|[]()||![]()|
+|**6**|[react-native-image-crop-picker](https://github.com/ivpusic/react-native-image-crop-picker)|图片剪裁，自带支持系统图库选择图片功能|![](https://github.com/ivpusic/react-native-image-crop-picker/raw/master/images/ios_crop.png)|
 |**7**|[]()||![]()|
 |**8**|[]()||![]()|
 |**9**|[]()||![]()|

category/11_Menu.md

@@ -20,7 +20,7 @@
 |**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**|[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**|[]()||![]()|
+|**7**|[react-native-drawer](https://github.com/root-two/react-native-drawer)|侧滑菜单，用RN代码实现的，所以感觉比较卡|![](https://raw.githubusercontent.com/rt2zz/react-native-drawer/master/examples/rn-drawer.gif)|
 |**8**|[]()||![]()|
 |**9**|[]()||![]()|
 |**10**|[]()||![]()|