React Native 开源项目 - 公司移动 OA 办公客户端

推荐一个真实产品项目,采用React Native开发的移动OA办公客户端,不过有部分接口因为公司私密的原因采用了模拟数据进行开源了。对于新手看一下界面实现以及业务逻辑处理完全足够了,非常不错的项目。

投稿人:talentjiang

地址:https://github.com/talentjiang

1.项目介绍

       公司的内部办公软件，很多界面和数据因为公司机密没法用接口来实现，所以当前开源的版本在constants文件夹中添加了一个VirtualData常量类 来虚拟http请求的过程，http的封装在utils/RequestUtils，注释掉的部分是实际代码中使用的fetch请求。这个项目是试着学react-narive写的第一个项目， 可能还有很多瑕疵和写法不好的地方，新手可以借鉴下布局和基本组件的写法，欢迎大家在github上提出指正，让我们一起提高！ 另外还要感谢大大的reading项目，redux的部分是参考的reading。

2.安装配置

1.cd react_native_office && npm install

2.修改react_native_office/node_modules/react-native-calendar-android/src/Calendar.js文件

由于react-native升级到0.26之后的写法改变，而react-native-calendar-android没有更新到0.26，所以我们手动改下啦～～

将第5行 var { requireNativeComponent, PropTypes, View} = ReactNative;

改为 var { requireNativeComponent, View } = ReactNative;

var {PropTypes} = React;

3.好了 接下来执行 react-native run-android

4.特别注意!!

如果编译成功后运行报错,注意下 react 和 react-native 的版本匹配

可以手动执行 npm install react@15.0.2 --save

因为google下来的结果 15.1.0很大程度会报错

3.运行效果

最后说两句

本公众号欢迎大家投稿，如果你希望你的文章可以被更多人看到，直接将md、doc等格式的文章到我邮箱即可（781931404@qq.com），也可以加我QQ/微信(781931404)好友，需要注明（投稿），谢谢。