首页 » React Native » React Native开源项目 » 正文

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

@talentjiang做的纯React Native  公司移动办公客户端,开源地址:https://github.com/talentjiang/react_native_office

欢迎大家star,fork....

本开源项目由江清清的技术专栏整理(http://www.lcode.org/),转发请求注明来源

 项目介绍

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

刚创建的React Native交流七群:131537844,欢迎各位大牛,React Native技术爱好者加入交流!同时博客右侧欢迎微信扫描关注订阅号,移动技术干货,精彩文章技术推送!

配置安装
  • 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很大程度会报错
运行截图

关注我的订阅号(codedev123),每天推送分享移动开发技术(Android/iOS),React Native技术文章,项目管理,程序猿日常点滴以及精品技术资讯文章(欢迎关注,精彩第一时间推送)。