ดาวน์โหลด react native ai vision - ดาวน์โหลดซอร์สโค้ด react native ai vision

react native ai vision

โค้ดแหล่งที่มา AI

1.0.0

ดาวน์โหลด

ตอบสนอง AI ดั้งเดิม

เฟรมเวิร์กสแต็กเต็มรูปแบบสำหรับการสร้างแอป AI บนมือถือข้ามแพลตฟอร์มที่รองรับ LLM แบบเรียลไทม์ / สตรีมข้อความและแชท UIs บริการรูปภาพและภาษาที่เป็นธรรมชาติสำหรับรูปภาพที่มีหลายรุ่น และการประมวลผลรูปภาพ

ลองชมวิดีโอสอนที่นี่

คุณสมบัติ

การสนับสนุน LLM สำหรับ OpenAI ChatGPT, Anthropic Claude, Cohere, Cohere Web และ Mistral
อาร์เรย์ของโมเดลรูปภาพที่จัดทำโดย Fal.ai
การตอบสนองแบบเรียลไทม์ / สตรีมมิ่งจากผู้ให้บริการทั้งหมด
ผู้ช่วย OpenAI รวมถึงล่ามโค้ดและการดึงข้อมูล
พร็อกซีเซิร์ฟเวอร์เพื่อเปิดใช้งานการรับรองความถูกต้องและการอนุญาตได้อย่างง่ายดายด้วยผู้ให้บริการการรับรองความถูกต้องที่เลือก
ธีม (มาพร้อมกับ 5 ธีมที่มาพร้อมกล่อง) - เพิ่มธีมเพิ่มเติมได้อย่างง่ายดายด้วยโค้ดเพียงไม่กี่บรรทัด
การประมวลผลภาพด้วย ByteScale

การใช้งาน

สร้างโครงการใหม่โดยการรัน:

npx rn-ai

ถัดไป ให้กำหนดค่าตัวแปรสภาพแวดล้อมของคุณด้วย CLI หรือดำเนินการในภายหลัง

กำลังเรียกใช้แอป

เปลี่ยนเป็นไดเร็กทอรีแอปแล้วรัน:

npm start

ใช้งานเซิร์ฟเวอร์

เปลี่ยนเป็นไดเร็กทอรีเซิร์ฟเวอร์และรัน:

npm run dev

ธีม

หากต้องการเพิ่มธีมใหม่ ให้เปิด app/src/theme.ts และเพิ่มธีมใหม่ด้วยการกำหนดค่าต่อไปนี้:

 const christmas = {
  // extend an esisting 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

ต่อไปนี้เป็นวิธีเพิ่มหรือลบโมเดล LLM ที่มีอยู่

ในแอป

คุณสามารถเพิ่มหรือกำหนดค่าโมเดลได้โดยการอัปเดต MODELS ใน constants.ts

หากต้องการลบโมเดล เพียงลบโมเดลที่คุณไม่ต้องการรองรับ

สำหรับการเพิ่มโมเดล เมื่อเพิ่มคำจำกัดความของโมเดลลงในอาร์เรย์ MODELS แล้ว คุณควรอัปเดต src/screens/chat.tsx เพื่อรองรับโมเดลใหม่:

สร้างสถานะท้องถิ่นเพื่อเก็บข้อมูลโมเดลใหม่
อัปเดตฟังก์ชัน chat() เพื่อรองรับโมเดลรุ่นใหม่
สร้างฟังก์ชัน generateModelReponse เพื่อเรียกโมเดลใหม่
อัปเดต getChatType ใน utils.ts เพื่อกำหนดค่าประเภท LLM ที่จะสอดคล้องกับเส้นทางเซิร์ฟเวอร์ของคุณ
เรนเดอร์โมเดลใหม่ใน UI

 {
  chatType . label . includes ( 'newModel' ) && (
    < FlatList
      data = { newModelReponse . messages }
      renderItem = { renderItem }
      scrollEnabled = { false }
    / >
  )
}

บนเซิร์ฟเวอร์

สร้างไฟล์ใหม่ในโฟลเดอร์ server/src/chat ที่สอดคล้องกับประเภทโมเดลที่คุณสร้างในแอปมือถือ คุณอาจคัดลอกและใช้โค้ดสตรีมมิ่งจำนวนมากจากเส้นทางอื่นๆ ที่มีอยู่ซ้ำได้เพื่อเริ่มต้นใช้งาน

จากนั้นให้อัพเดต server/src/chat/chatRouter เพื่อใช้เส้นทางใหม่