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

Source

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

✎ Edit this page on GitHub·Found a problem? Open an issue →·How to contribute →

On this page