agentskit.js
Packages

@agentskit/react-native

React Native / Expo hook. Metro + Hermes safe. Same contract as @agentskit/react.

#Install

npm install @agentskit/react-native react react-native @agentskit/adapters

#Hello world

import { useChat } from '@agentskit/react-native'
import { View, TextInput, FlatList, Pressable, Text } from 'react-native'

export function ChatScreen({ adapter }) {
  const chat = useChat({ adapter })
  return (
    <View style={{ flex: 1 }}>
      <FlatList data={chat.messages} keyExtractor={m => m.id} renderItem={({ item }) => <Text>{item.content}</Text>} />
      <TextInput value={chat.input} onChangeText={chat.setInput} />
      <Pressable onPress={() => chat.send(chat.input)}><Text>Send</Text></Pressable>
    </View>
  )
}

#Surface

  • useChat(config): ChatReturn β€” mirrors @agentskit/react, no DOM imports.

#Siblings

React Β· Vue Β· Svelte Β· Solid Β· Angular Β· Ink

#Stability

  • Version: 0.2.0
  • Tier: alpha
  • Contract: evolving
  • Roadmap: see packages roadmap for what this package needs to reach v1.0.

#Source

npm: @agentskit/react-native Β· repo: packages/react-native

Explore nearby

✎ Edit this page on GitHubΒ·Found a problem? Open an issue β†’Β·How to contribute β†’

On this page