RtkButton

一个具有多种变体和尺寸的通用按钮组件。

属性

属性	类型	是否必填	默认值	描述
`children`	`ReactNode`	❌	-	按钮内容/标签
`onClick`	`any`	✅	-	点击事件回调函数
`kind`	`'button' \| 'icon' \| 'wide'`	❌	`'button'`	按钮种类
`variant`	`'danger' \| 'ghost' \| 'primary' \| 'secondary'`	❌	-	视觉样式变体
`size`	`'lg' \| 'md' \| 'sm' \| 'xl'`	❌	-	按钮尺寸
`reverse`	`boolean`	❌	`false`	反转按钮内容顺序
`disabled`	`boolean`	❌	-	按钮是否被禁用
`style`	`StyleProp<any>`	❌	-	自定义 React Native 样式

使用示例

基本用法

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

function MyComponent() {
	return <RtkButton onClick={() => console.log("pressed")}>Press Me</RtkButton>;
}

带属性用法

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

function MyComponent() {
	return (
		<RtkButton
			onClick={() => console.log("pressed")}
			variant="primary"
			size="md"
			kind="wide"
		>
			Join Meeting
		</RtkButton>
	);
}