CallCoreView class

Core call view component responsible for video rendering and interactive display of the call interface. Supports multi-layout switching (single-person float/multi-person grid/picture-in-picture), call waiting animations, and personalized configuration of volume, network status, and user avatars.

CallCoreView Core view component for displaying call screens. CallCoreView is the main container for the call interface, providing the following core capabilities:

• Multi-Layout Switching: Supports switching between single-person float, multi-person grid, and picture-in-picture layouts.
• Call Waiting Interaction: Supports custom waiting animations before call connection.
• Status Visualization: Supports custom icons for different volume levels and network quality states.
• User Personalization: Supports setting participant avatars through User ID mapping.

Key Features

• Multi-Layout Switching：Supports switching between single-person float, multi-person grid, and picture-in-picture layouts
• Call Waiting Interaction：Supports custom waiting animations before call connection
• Status Visualization：Supports custom icons for different volume levels and network quality states
• User Personalization：Supports setting participant avatars through User ID mapping

Note: This view component must be used together with CallStore to properly display call screens and receive call state updates.

Method Overview

Usage Example

import 'package:atomic_x_core/atomicxcore.dart';

// Create controller
final controller = CallCoreController.create();

// Create call view with configuration
CallCoreView(
  controller: controller,
  defaultAvatar: Icon(Icons.person),
  loadingAnimation: CircularProgressIndicator(),
  volumeIcons: {
    VolumeLevel.mute: Icon(Icons.volume_off),
    VolumeLevel.low: Icon(Icons.volume_down),
    VolumeLevel.medium: Icon(Icons.volume_up),
    VolumeLevel.high: Icon(Icons.volume_up),
    VolumeLevel.peak: Icon(Icons.volume_up),
  },
  networkQualityIcons: {
    NetworkQuality.unknown: Icon(Icons.signal_wifi_off),
    NetworkQuality.excellent: Icon(Icons.signal_wifi_4_bar),
    NetworkQuality.good: Icon(Icons.signal_wifi_4_bar),
    NetworkQuality.poor: Icon(Icons.network_wifi_3_bar),
    NetworkQuality.bad: Icon(Icons.network_wifi_2_bar),
    NetworkQuality.veryBad: Icon(Icons.network_wifi_1_bar),
    NetworkQuality.down: Icon(Icons.signal_wifi_off),
  },
);

// Set layout mode
controller.setLayoutTemplate(CallLayoutTemplate.grid);

Topics

Static Properties

• defaultAvatar : Default placeholder avatar
• loadingAnimation : Call waiting animation
• volumeIcons : Volume status icon collection
• networkQualityIcons : Network signal icon collection

Configuration Methods

• CallCoreController.setLayoutTemplate : Multi-layout switching

See Also

• CallLayoutTemplate
• VolumeLevel