DyteParticipantTile
A comprehensive widget designed to display a participant's video or avatar within a Dyte meeting environment. This widget is part of the Dyte UI Kit and is optimized for showing participant information, including live video feed, name, and audio status.
info
DyteProvider
needs to be added above DyteParticipantTile
which will manage dyte client object for polls screen by itself.
Usage
Below is an example of how to use the DyteParticipantTile
in your Flutter application:
DyteParticipantTile(
participant,
designToken: yourDesignToken,
height: 240,
width: 180,
)
Properties
participant
: (Required) An instance ofDyteMeetingParticipant
. This represents the participant whose information and video are to be displayed.designToken
: (Optional) An instance ofDyteDesignTokens
for customizing the appearance according to the Dyte Design System. If not specified, the widget will use the global design tokens.height
: (Optional) The height of the tile. Default is240
.width
: (Optional) The width of the tile. Default is180
.
Features
- Video or Avatar Display: Automatically displays the participant's video feed if available; otherwise, shows the participant's avatar.
- Dynamic Resizing: Adapts size based on the constraints provided by the parent widget.
- Pinned Status: Indicates if the participant is pinned in the meeting.
- Audio Status: Shows an icon indicating whether the participant's audio is on or off.
- Name Tag: Displays the participant's name and, if applicable, indicates if they are the local user with a "You" tag.