仓库管理 PDA App

仓库管理 PDA App — 三大功能 UI 实现计划 Context 用户需要为一个 React Native PDA 仓库管理 App 实现三个核心功能的完整 UI 流程: 入库:扫码 → 查看物料信息 → 选择仓库(D003/D008) → 确认入库 调拨:选择源/目标仓库 → 扫码 → 查看物料信息 → 输入数量 → 确认调拨 查看库存:扫码/手动输入物料编码 → 查询 → 展示各仓库库存(D003/D008/E001) 当前项目已有 React Navigation v7 (native-stack) + SafeAreaProvider,无第三方 UI 库,仅用原生 RN 组件。 文件改动清单 文件 操作 说明 App.tsx 修改 注册 5 个 Screen(Home + 3 功能页) screens/page1.tsx 重写 改为 HomeScreen,包含 3 个菜单卡片 screens/StockInScreen.tsx 新建 入库完整流程 screens/TransferScreen.tsx 新建 调拨完整流程 screens/InventoryScreen.tsx 新建 查看库存完整流程 导航结构 App.tsx └── Stack.Navigator ├── Home → screens/page1.tsx (HomeScreen) ├── StockIn → screens/StockInScreen.tsx ├── Transfer → screens/TransferScreen.tsx └── Inventory → screens/InventoryScreen.tsx 详细实现方案 1. HomeScreen (screens/page1.tsx) 顶部标题栏:「仓库管理」 三个大卡片菜单(图标 + 标题 + 描述),分别跳转对应功能页 📦 入库 — 扫码录入物料并入库 🔄 调拨 — 在仓库间转移物料 🔍 查看库存 — 查询物料库存信息 2. StockInScreen (screens/StockInScreen.tsx) 单页完成所有步骤,用视觉分区展示状态: ...

March 8, 2026 · 2 min · lzxsz