Making Your First Call

android {
    buildTypes {
        release {
            isMinifyEnabled = true
            proguardFiles(
                getDefaultProguardFile("proguard-android.txt"),
                "proguard-rules.pro"
            )
        }
    }
}

android {
    buildTypes {
        release {
            minifyEnabled true 
            proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro'
        }
    }
}

-keep class com.tencent.** { *; }

<manifest xmlns:android="http://schemas.android.com/apk/res/android">
  <application>
      <activity
          android:name=".MainActivity"
          android:supportsPictureInPicture="true"
      </activity>
  </application>
</manifest>

import 'package:flutter/material.dart';
import 'package:atomic_x_core/atomicxcore.dart';

// Bottom control button container Widget
class ControlsContainer extends StatelessWidget {
  const ControlsContainer({super.key});

  @override
  Widget build(BuildContext context) {
    return Row(
      mainAxisAlignment: MainAxisAlignment.spaceEvenly,
      children: [
        // Add control buttons here
      ],
    );
  }
}

import 'package:atomic_x_core/atomicxcore.dart';
import 'package:flutter/material.dart';

// Hang up button Widget
Widget buildHangupButton() {
  return GestureDetector(
    onTap: () {
      // Call hangup API to end the call
      CallStore.shared.hangup();
    },
    child: Container(
      width: 60,
      height: 60,
      decoration: const BoxDecoration(
        color: Colors.red,
        shape: BoxShape.circle,
      ),
      child: const Icon(
        Icons.call_end,
        color: Colors.white,
        size: 30,
      ),
    ),
  );
}

import 'package:atomic_x_core/atomicxcore.dart';
import 'package:flutter/material.dart';

// Microphone toggle button Widget
// Use ValueListenableBuilder to listen for microphone status changes
Widget buildMicrophoneButton() {
  return ValueListenableBuilder(
    valueListenable: DeviceStore.shared.state.microphoneStatus,
    builder: (context, status, child) {
      final isOn = status == DeviceStatus.on;
      return GestureDetector(
        onTap: () {
          // Toggle microphone based on current status
          if (isOn) {
            DeviceStore.shared.closeLocalMicrophone();
          } else {
            DeviceStore.shared.openLocalMicrophone();
          }
        },
        child: Container(
          width: 60,
          height: 60,
          decoration: BoxDecoration(
            color: Colors.white.withOpacity(0.2),
            shape: BoxShape.circle,
          ),
          child: Icon(
            isOn ? Icons.mic : Icons.mic_off,
            color: Colors.white,
            size: 30,
          ),
        ),
      );
    },
  );
}

import 'package:atomic_x_core/atomicxcore.dart';
import 'package:flutter/material.dart';

// Camera toggle button Widget
// Use ValueListenableBuilder to listen for camera status changes
Widget buildCameraButton() {
  return ValueListenableBuilder(
    valueListenable: DeviceStore.shared.state.cameraStatus,
    builder: (context, status, child) {
      final isOn = status == DeviceStatus.on;
      return GestureDetector(
        onTap: () {
          // Toggle camera based on current status
          if (isOn) {
            DeviceStore.shared.closeLocalCamera();
          } else {
            final isFrontCamera = DeviceStore.shared.state.isFrontCamera.value;
            DeviceStore.shared.openLocalCamera(isFrontCamera);
          }
        },
        child: Container(
          width: 60,
          height: 60,
          decoration: BoxDecoration(
            color: Colors.white.withOpacity(0.2),
            shape: BoxShape.circle,
          ),
          child: Icon(
            isOn ? Icons.videocam : Icons.videocam_off,
            color: Colors.white,
            size: 30,
          ),
        ),
      );
    },
  );
}

import 'package:atomic_x_core/atomicxcore.dart';
import 'package:flutter/material.dart';

// In Flutter, use ValueListenableBuilder for reactive state updates
// When DeviceStore state changes, UI rebuilds automatically
Widget buildDeviceControlButtons() {
  return Row(
    mainAxisAlignment: MainAxisAlignment.spaceEvenly,
    children: [
      // Microphone button - reacts to microphoneStatus changes
      ValueListenableBuilder(
        valueListenable: DeviceStore.shared.state.microphoneStatus,
        builder: (context, status, _) {
          final isOn = status == DeviceStatus.on;
          return Text(isOn ? 'Turn off microphone' : 'Turn on microphone');
        },
      ),
      // Camera button - reacts to cameraStatus changes
      ValueListenableBuilder(
        valueListenable: DeviceStore.shared.state.cameraStatus,
        builder: (context, status, _) {
          final isOn = status == DeviceStatus.on;
          return Text(isOn ? 'Turn off camera' : 'Turn on camera');
        },
      ),
    ],
  );
}

<manifest xmlns:android="http://schemas.android.com/apk/res/android">
    <!-- Microphone permission -->
    <uses-permission android:name="android.permission.RECORD_AUDIO" />
    <!-- Camera permission -->
    <uses-permission android:name="android.permission.CAMERA" />
</manifest>

<key>NSCameraUsageDescription</key>
<string>CallingApp needs access to your camera. Video recording requires camera permission.</string>
<key>NSMicrophoneUsageDescription</key>
<string>CallingApp needs access to your microphone. Video recording requires microphone permission.</string>

flutter pub add permission_handler

import 'package:permission_handler/permission_handler.dart';

// Request audio/video permissions
Future<bool> requestCallPermissions() async {
  // Request microphone and camera permissions
  Map<Permission, PermissionStatus> statuses = await [
    Permission.microphone,
    Permission.camera,
  ].request();

  // Check permission status
  bool micGranted = statuses[Permission.microphone]?.isGranted ?? false;
  bool cameraGranted = statuses[Permission.camera]?.isGranted ?? false;

  if (micGranted && cameraGranted) {
    // Permissions granted
    return true;
  } else {
    // Some permissions denied, prompt user to enable
    return false;
  }
}

Widget _buildCallCoreView()  {
  Map<VolumeLevel, Image> volumeIcons = {
    VolumeLevel.mute : Image.asset(''), // Icon for mute
  };
  return CallCoreView(
    controller: CallCoreController.create(),
    volumeIcons: volumeIcons,
  );
}

Widget _buildCallCoreView()  {
  Map<NetworkQuality, Image> networkQualityIcons = {
    NetworkQuality.bad : Image.asset(''), // Icon for poor network
  };
  return CallCoreView(
    controller: CallCoreController.create(),
    networkQualityIcons: networkQualityIcons,
  );
}

Widget _buildCallCoreView()  {
  Image defaultAvatarImage = Image.asset(''); // Default avatar image
  return CallCoreView(
    controller: CallCoreController.create(),
    defaultAvatar: defaultAvatarImage,
  );
}

Widget _buildCallCoreView()  {
  Image loading = Image.asset(''); // Loading animation resource
  return CallCoreView(
    controller: CallCoreController.create(),
    loadingAnimation: loading,
  );
}