PROJECT 06 / 11
RN 鸿蒙问小白 · AI 对话
RN 鸿蒙开发工程师2024.11 — 2025.03
在鸿蒙原生容器中开发 RN 业务模块,实现 AI 流式对话、沉浸式角色互动和原生桥接。
核心技术栈
React Native、TypeScript、MobX、React Navigation、Axios、MMKV、FlashList、react-native-gesture-handler、react-native-reanimated、BlurView、ViewShot、SSE、鸿蒙混合桥接通信
具体项目经历
1. 负责问小白 AI 对话主链路页面开发,覆盖聊天首页、历史会话页、消息列表页与输入区交互,基于会话列表、消息发送、会话详情等接口完成消息发送、会话创建、消息追加、停止生成、重试追问等核心闭环。
2. 负责问小白流式输出能力落地,基于 SSE 建立 AI 对话长连接,在前端先插入 question/answer 占位 turn,再按 OPENED / MESSAGE / SUGGESTED_QUESTIONS / CLOSE 等事件持续回填消息内容、追问建议与结束态,实现消息逐段输出、自动滚底、异常收口与语音播报联动。
3. 负责发现页角色卡片进入聊天页链路设计与实现,将 bot 信息、背景图/视频、主题色等配置透传至聊天页,结合沉浸式模式配置、列表滚动方向判断与消息遮罩切换,实现半屏消息与满屏消息两种沉浸态切换,提升角色互动场景体验。
4. 负责对话设置中心迁移整合,将语音设置、系统 Prompt、聊天背景、沉浸式开关等分散能力统一收敛到对话设置入口,串联配置查询、缓存回显、提交保存、事件通知与结果回写,并清理旧版页面与冗余 ViewModel。
5. 负责 RN 与鸿蒙原生双向通信接入,基于 YSNativeChannelCommunicator 封装统一桥接调用层,打通账号信息同步、原生路由跳转、会员状态查询与刷新、广告资源位获取、背景配置同步等能力,并处理回调分发、事件监听、异常兜底与兼容逻辑。
6. 负责历史会话搜索与定位能力建设,基于搜索接口与本地关键词筛选实现按会话标题、消息内容、角色标签的检索能力,并支持结果高亮、点击跳转与目标会话快速定位。
7. 参与角色扮演自动投稿链路开发,结合提示词识别与 AI 回复完成态监听,在特定对话场景下自动插入投稿卡片,打通聊天与投稿运营场景。
8. 负责聊天页悬浮创作助手功能,基于运营资源位接口拉取 global.widget 配置,完成挂件展示策略、动态背景图渲染、deeplink 跳转及点击/关闭埋点上报,并通过 MMKV 按“用户 ID + 日期”维度持久化展示与关闭状态,控制曝光频次。
9. 负责聊天、搜索、举报、会员、运营资源位等业务 API 封装,统一处理请求参数、错误态、加载态、分页态与接口结果回填,提升多页面场景下的数据流一致性与可维护性。
10. 针对高频消息流与长会话列表场景优化渲染性能,通过状态拆分、局部刷新与列表滚动策略减少无效渲染与重复刷新,提升消息页和历史会话页流畅度。