推荐开源项目:react-native-vercel-ai - 将Vercel AI引入React Native和Web应用的利器
import { useState } from 'react';
import { Text, View, Button } from 'react-native';
import VercelAI from 'react-native-vercel-ai';
export default function App() {
const [response, setResponse] = useState('');
const handleChat = async () => {
try {
const message = 'Hello, who are you?';
const reply = await VercelAI.sendMessage(message);
setResponse(reply);
} catch (error) {
console.error('Error:', error);
setResponse('Error sending message.');
}
};
return (
<View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
<Button title="Chat with Vercel AI" onPress={handleChat} />
<Text>{response}</Text>
</View>
);
}
这个例子展示了如何在React Native应用中使用react-native-vercel-ai
包来发送消息给Vercel AI,并获取回复。它使用了React Native的基本组件,并在用户点击按钮时触发与AI的交谈。这个例子简单明了,并且对于想要在自己的React Native项目中集成类似功能的开发者来说,是一个很好的学习资源。
评论已关闭