/react-ai-chat

react native ai chat box

Primary LanguageTypeScript

react-ai-box

前面折腾了一个 flutter 版本的 ChatBox,也整过一个 Tauri 的 ChatBox,这次又来了一个 react native 版本的。

image image image image

基于 react-native 的 AI 盒子,用于学习 react-native 开发,技术选型如下:

  • ui 组件库 react-native-elements
  • 状态管理 zustand
  • 路由 expo-router
  • 网络请求 tanstack / react-query
  • 本地缓存 async-storage

start

npx expo start

fix package

如果遇到跑不起来,可以尝试 fix 一下。

npx expo install --fix

build

现参考打包Android端,随后执行

eas build -p android --profile preview

功能貌似也不怎么复杂,打出了一个 66m 的包,应该是有优化空间的。expo 打包 默认应该是全部架构的 so 都放进去了。

先参考 打包 iOS端 ,随后执行

eas build -p ios --profile preview

关于

直接对接one-api,应该是最爽的姿势了,不需要对每一种模型做适配,只适配 openAI 的接口就 ok 了。

加群讨论

欢迎加群讨论技术?随意打赏,请备注 github 名

image

todo

  • 支持流式响应,会的人可以提 pr 了。
  • 支持 markdown 代码着色
  • 支持显示 markdown,markdown 显示本地图片。
  • 支持命名对话+自动命名对话
  • 支持识别图片的模型如 gpt-4-vision or gemini-pro-vision,该模型下会出现上传附件📎的按钮
  • 支持管理会话、本地会话存储
  • 支持切换主题词,dark/light 模式