app框架介绍

框架选型情况

redux                       :  数据管理器 
react-redux                 :  支撑redux
redux-thunk                 :  支撑redux
axios                       :  网络请求 
es6                         :  编写语言
react-native-elements       :  UI库
react-native-webview        :  渲染 html页面
react-native-chart          :  图表库
react-native-vector-icons   :  图标
react-navigation            :  用来跳转页面和传递参数类似路由管理,类似底部导航栏，用来在同一屏切换不同页面,侧滑菜单导航栏，用于轻松设置带抽屉的屏幕

app的打包过程

检查打包IP
运行npm run bundle-android命令
删掉drawable文件夹下的图片和raw文件下的文本
AS重新打开build
看时间若是当前打包时间即打包成功

已经实现的功能

该app只现实了质检功能，工人报工功能，车间主任查看功能。
质检功能：质检员根据自己的单子可实现有零件号和无零件号的质检。
报工功能：工人根据自己的单子可实现查看与报工的操作。
车间功能：车间主任可查看自己的单子情况。
首页还在待开发状态。

开发过程中的体会

从H5过渡到混合开发react-native。对我个人而言，比较困难的是刚刚开始的一系列配置文件，会报一些底层安卓java的错，这个时候一般网上可以找到对应的解决方案。在实际的开发过程跟写react大同小异。写法会有细小的差距，举个例子，react的样式类是className，而react-native是没有className,相反react-native每个组件可以用StyleSheet.create()方法创建属于自己组件的样式。

app效果截图

首页

公告预警

待办

我的页面

我的派工单

工艺工序列表

无零件号质检页面