跳转到内容
搜索文档

RtkTextField

最后更新 查看 MarkdownAgent 设置

一个主题化的文本输入框组件。

属性

属性 类型 必填 默认值 描述
disabled boolean false 输入框是否已禁用
placeholder string '' 占位符文本
type string 'text' 输入类型
style StyleProp<any> - 自定义样式
onChangeText (s: string) => void - 文本更改时的回调函数

使用示例

基本用法

import { RtkTextField } from "@cloudflare/realtimekit-react-native-ui";

function MyComponent() {
	return <RtkTextField placeholder="Enter your name" />;
}

带有属性

import { RtkTextField } from "@cloudflare/realtimekit-react-native-ui";

function MyComponent() {
	return (
		<RtkTextField
			placeholder="Enter display name"
			onChangeText={(text) => setName(text)}
			disabled={false}
		/>
	);
}

这篇文档对您有帮助吗?