RtkNameTag

显示参与者的姓名，并带有可选的子内容（例如音频可视化器图标）。用作参与者卡片（tiles）上的覆盖层（overlay）。

属性

属性	类型	必填	默认值	描述
`participant`	`Peer`	✅	-	要为其显示姓名的参与者
`meeting`	`RealtimeKitClient`	❌	-	RealtimeKit 会议实例（用于识别自身）
`isScreenshare`	`boolean`	❌	`false`	这是否是屏幕共享姓名标签
`maxLength`	`number`	❌	`20`	姓名标签的最大宽度偏移量
`size`	`'lg' \| 'md' \| 'sm' \| 'xl'`	❌	`'sm'`	文本尺寸
`t`	`RtkI18n`	❌	-	i18n 翻译函数
`children`	`ReactNode`	❌	-	要在姓名之前渲染的内容

使用示例

基本用法

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

function MyComponent() {
	return <RtkNameTag participant={participant} />;
}

带有属性

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

function MyComponent() {
	return (
		<RtkNameTag
			participant={participant}
			meeting={meeting}
			size="md"
			maxLength={25}
		/>
	);
}