用於構建跨平台移動AI應用程序的完整堆棧框架支持LLM實時 /流媒體文本,聊天UIS,圖像服務和自然語言,以使用多種模型以及圖像處理。
在此處查看視頻教程
通過運行生成一個新項目:
npx rn-ai接下來,要么使用CLI配置環境變量,要么以後進行。
更改為應用程序目錄並運行:
npm start更改為服務器目錄並運行:
npm run dev服務器環境變量可在server/.env.example中使用。如果已經存在,請將此文件名更新為.env並配置服務器環境變量。
要添加一個新主題,請打開app/src/theme.ts ,並添加帶有以下配置的新主題:
const christmas = {
// extend an existing theme or start from scratch
... lightTheme ,
name : 'Christmas' ,
label : 'christmas' ,
tintColor : '#ff0000' ,
textColor : '#378b29' ,
tabBarActiveTintColor : '#378b29' ,
tabBarInactiveTintColor : '#ff0000' ,
placeholderTextColor : '#378b29' ,
}在文件的底部,導出新主題:
export {
lightTheme , darkTheme , hackerNews , miami , vercel , christmas
} 這是添加新的或刪除現有LLM型號的方法。
您可以通過更新constants.ts中的MODELS來添加或配置模型。
對於刪除模型,只需刪除您不想支持的模型即可。
對於添加模型,一旦將模型定義添加到MODELS數組中,則應更新src/screens/chat.tsx以支持新模型:
chat()函數以處理新型號類型generateModelReponse函數以調用新模型utils.ts中更新getChatType ,以配置將與您的服務器路徑相對應的LLM類型。 {
chatType . label . includes ( 'newModel' ) && (
< FlatList
data = { newModelReponse . messages }
renderItem = { renderItem }
scrollEnabled = { false }
/ >
)
}在server/src/chat文件夾中創建一個與您在移動應用程序中創建的模型類型相對應的新文件。您可能可以從其他現有路徑中復制並重新使用許多流碼,以使您開始使用。
接下來,更新server/src/chat/chatRouter以使用新路由。
這是添加新的或刪除現有映像模型的方法。
您可以通過更新constants.ts中的IMAGE_MODELS來添加或配置模型。
對於刪除模型,只需刪除您不想支持的模型即可。
為了添加模型,一旦將模型定義添加到IMAGE_MODELS數組中,則應更新src/screens/images.tsx以支持新模型。
主要考慮是輸入。該模型是否將文本,圖像或兩者都作為輸入?
該應用程序配置為處理兩者,但是您必須更新generate函數以相應地將值傳遞給API。
在server/src/images/fal中,更新處理程序功能以考慮新型號。
在server/src/images/modelName中創建一個新文件,更新處理程序函數以處理新的API調用。
接下來,更新server/src/images/imagesRouter以使用新路由。