I recommend a real product project, which uses the mobile OA client developed by React Native. However, some interfaces are open source using simulated data for private reasons. For novice look at the interface implementation and business logic processing is enough, very good project.

Contributors:talentjiang

Address:https://github.com/talentjiang



1. Project introduction

Many of the interfaces and data in the company’s internal office software cannot be implemented using interfaces because of company confidentiality, so the current open source version adds a VirtualData constant class in the Constants folder to virtualize the HTTP request process. HTTP is encapsulated in RequestUtils/Utils, The commented out part is the fetch request used in the actual code. This is the first project to try to learn how to write react- Narive. There may still be some flaws and bad writing methods. Beginners can learn the layout and basic component writing methods. Also thanks to the big reading project, the redux section is a reference to reading.

2. Install and configure

1.cd react_native_office && npm install

2. Modify the react_native_office/node_modules/react-native calendar-android/ SRC/calendar. js file

React-native was updated to 0.26, but react-native Calendar-Android was not updated to 0.26, so we changed it manually ~ ~

RequireNativeComponent, PropTypes, View} = ReactNative;

Var {requireNativeComponent, View} = ReactNative;

var {PropTypes} = React;

React-native run-Android

4. Pay special attention!

React and react-native versions match

NPM install [email protected] –save can be manually executed

Because the results of 15.1.0 from Google will largely report errors

3. Operation effect







One last word

This public number welcomes everyone to contribute, if you want your article can be seen by more people, directly md, DOC and other formats of the article to my mailbox ([email protected]), you can also add my QQ/ wechat (781931404) friends, need to indicate (submission), thank you.