基于Facebook出品的一款物流查询跨平台app，包含安卓及IOS二者源码

源码资源网

基于Facebook出品的一款物流查询跨平台app，包含安卓及IOS二者源码
一款物流查询跨平台app，功能虽简单，但“麻雀虽小，五脏俱全”，是本人基于Facebook出品的ReactNative开发的第一个跨平台app，Learn once, write anywhere。

目前模块包括：

• 首页：首页顶部主要包括了“查快递”、”寄快递“、“扫码”三大功能模块，中间有公益爱心捐款的轮播广告，下部主要是最近查询快递的实时物流信息
• 查快递：数据用了快递鸟的运单识别、实时查询api，支持扫码识别，支持运单号识别，选择快递公司查询
• 寄快递：目前主要是一个列表展示了各大主流快递公司的客服电话，如果要调用api下单，信息界面太烦躁，有待后面功能完善
• 扫码：主要是调用摄像头快速识别运单号查询快递
• 自定义颜色主题
  

技术框架：

• "buffer": "^5.0.6",（base64编码）
• "react": "16.0.0-alpha.6",
• "react-native": "0.44.2",
• "react-native-camera": "^0.6.0",(扫码)
• "react-native-deprecated-custom-components": "^0.1.0",
• "react-native-easy-toast": "^1.0.6",
• "react-native-parallax-scroll-view": "^0.19.0",
• "react-native-storage": "^0.2.2",
• "react-native-swipeout": "^2.1.1"（滑动删除）
  

项目运行步骤如下：

• 第一步：npm install
• 第二补：react-native link
• 第三步：react-native run-android(或 run-ios) 理论兼容Android/ios,但没在ios真机上试过。
  

1、项目结构主要沿用了类似android项目的结构，如下图， 主要特点：

• 包主要分为common(通用控件)、dao(数据层)、model(实体类)、res(图片和样式和常量)、ui(js页面)、util(通用工具)
• 存放页面的js文件夹命名以page结尾 -需要复用的组件抽取成单独一个类，存放到 common包中。
• 图片、常量、颜色、公共样式等资源，分别用一个入口类管理，就和 Android 中管理资源的做法类似，这样更易维护。
  

2、遇到的坑

• react-native版本升级比较快，有一些控件可能在低版本存在，高版本已经独立出来了，比如，从0.44版本开始,Navigator被从react native的核心组件库中剥离到了一个名为react-native-deprecated-custom-components的单独模块中
• listview的数据源更新了，但界面没跟着调整，这要涉及到数据深浅拷贝的问题，用JSON.parse(JSON.stringify(this.state.traceDatas))深拷贝能解决这个问题，具体例子可参考本项目的首页删除列表功能
• 打包android apk时不能直接用android studio的可视化generate signed APK打包方式，这样打包的apk会因为缺少index.android.bundle文件打开时直接奔溃，尽量用RN官方推荐的方式打包
  

基于Facebook出品的一款物流查询跨平台app，包含安卓及IOS二者源码

链接：https://pan.quark.cn/s/4ceb2e233e82


提取码下载：

文件名称:提取码下载.txt 
下载次数:0  文件大小:16 Bytes  售价:59金钱 [记录]
下载权限: 不限 [购买VIP]   [充值]   [在线充值]   【VIP会员6折；永久VIP4折】

安全检测，请放心下载