为齿科诊所医生与护士量身定制的移动端辅助应用,支持查看患者3D牙模、记录诊疗过程、管理预约与订单状态。基于React Native实现一套代码同时覆盖iOS与Android平台,满足移动办公场景下的高效协同需求。
点击空白处退出提示
为齿科诊所医生与护士量身定制的移动端辅助应用,支持查看患者3D牙模、记录诊疗过程、管理预约与订单状态。基于React Native实现一套代码同时覆盖iOS与Android平台,满足移动办公场景下的高效协同需求。
为齿科诊所医生与护士量身定制的移动端辅助应用,支持查看患者3D牙模、记录诊疗过程、管理预约与订单状态。基于React Native实现一套代码同时覆盖iOS与Android平台,满足移动办公场景下的高效协同需求,即时保障订单状态。
工作内容:
1、跨端架构设计与工程化搭建:
1.1、从零搭建React Native项目架构,集成TypeScript实现全流程类型安全,统一API请求层与状态管理(Redux Toolkit),确保代码可维护性与团队协作规范;
1.2、配置热更新(CodePush)实现紧急修复与功能迭代无需发版,显著缩短版本更新周期。
2、核心业务模块开发与组件抽象:
2.1、封装可复用的业务组件库,包括患者卡片、3D模型轻量预览、诊疗记录表单等,通过Storybook进行组件化管理,使同类界面开发效率提升50%;
2.2、基于React Navigation实现复杂导航结构(底部Tab、顶部Tab、抽屉导航),设计路由守卫与权限控制,确保不同角色(医生/护士)的页面访问安全。
3、状态管理与数据同步优化:
利用Redux Toolkit管理全局状态(患者信息、订单列表),结合React Query处理服务端数据缓存与分页加载,实现离线数据持久化(MMKV),在网络不稳定时仍可查看基础信息。
4、性能优化与原生能力扩展:
4.1、针对3D牙模模型渲染进行优化,采用轻量化格式(glTF)并利用react-native-gl-model-view加载,结合 LOD技术减少GPU消耗,模型加载时间缩短30%;
4.2、封装原生模块调用相机扫描、本地文件读写、蓝牙打印机等设备能力,通过Bridge与JS层高效通信,实现诊疗过程无纸化;
4.3、优化长列表(FlatList)渲染性能,采用getItemLayout,保证千级订单列表滑动流畅度达到60fps。



评论