Skip to content

RtkTextField

A themed text input field component.

Properties

PropertyTypeRequiredDefaultDescription
disabledbooleanfalseWhether the input is disabled
placeholderstring''Placeholder text
typestring'text'Input type
styleStyleProp<any>-Custom styles
onChangeText(s: string) => void-Callback when text changes

Usage Examples

Basic Usage

import { RtkTextField } from "@cloudflare/realtimekit-react-native-ui";
function MyComponent() {
return <RtkTextField placeholder="Enter your name" />;
}

With Properties

import { RtkTextField } from "@cloudflare/realtimekit-react-native-ui";
function MyComponent() {
return (
<RtkTextField
placeholder="Enter display name"
onChangeText={(text) => setName(text)}
disabled={false}
/>
);
}