VideoPlayIndicator

VideoPlayIndicator renders a circular play button overlay used on video thumbnails and previews. It displays a play icon centered within a semi-transparent circular container.

Usage

import { VideoPlayIndicator } from "stream-chat-react-native";

<VideoPlayIndicator size="md" />;

Props

Prop Description Type
size (required) The size of the play indicator. Size mapping: 'sm' (20x20, icon 10), 'md' (40x40, icon 16), 'lg' (48x48, icon 20). The background color is sourced from the controlPlayButtonBg semantic token in the theme. 'sm' | 'md' | 'lg'
Add Chat to my app: getstream.io/SKILL.md

The fastest way to build with Stream. Start a new project or improve an existing one. Full CLI and documentation integration out of the box.


Ask your agent:

/stream Build me a Social App with Feeds and Moderation.
/stream Any livestream calls running?
/stream Chat React Native v9: <Your Question>