Integration

dependencies:   
    tencent_conference_uikit: Latest version

flutter pub get

import 'package:tencent_conference_uikit/tencent_conference_uikit.dart';

// Main app class
class XXX extends StatelessWidget {
  const XXX({super.key});

 @override
  Widget build(BuildContext context) {
    return ComponentTheme(  // Wrap MaterialApp with ComponentTheme for theme access
      child: MaterialApp(
        // Add RoomKit navigation observer for route and lifecycle management
        navigatorObservers: [RoomNavigatorObserver.instance],
        // Add localization delegates for multilingual UI
        localizationsDelegates: [
          ...RoomLocalizations.localizationsDelegates,
          ...BarrageLocalizations.localizationsDelegates,
        ],
        supportedLocales: const [Locale('en'), Locale('zh')],
        // Other app configurations
        ......
      ),
    );
  }
}

import 'package:atomic_x_core/atomicxcore.dart';  // TUIRoomKit uses atomic_x_core internally; import it here.

var loginResult = await LoginStore.shared.login(
    sdkAppID: 1400000001,    // Replace with your SDKAppID
    userID: 'userID',        // Replace with your UserID
    userSig: 'userSig',      // Replace with your UserSig
);

if (loginResult.isSuccess) {
  // login success
} else {
  // login error
}

import 'package:atomic_x_core/atomicxcore.dart';

final result = await LoginStore.shared.setSelfInfo(
    userInfo: UserProfile(userID: 'userID', nickname: 'userName', avatarURL: 'avatarURL'),
);

if (result.isSuccess) {
    debugPrint("setSelfInfo success");
} else {
    debugPrint("setSelfInfo failed code:${result.errorCode}, message:${result.errorMessage}");
}

import 'package:tencent_conference_uikit/tencent_conference_uikit.dart';

// YourMainPage is the page where you load the main room page
class YourMainPage extends StatelessWidget {
  const YourMainPage({super.key});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: ElevatedButton(
          onPressed: () => _createRoom(context),
          child: const Text('Create Room'),
        ),
      ),
    );
  }

  void _createRoom(BuildContext context) {
    // 1. Build enter room configuration
    const config = ConnectConfig(
      autoEnableCamera: true,      // Enable camera automatically
      autoEnableMicrophone: true,  // Enable microphone automatically
      autoEnableSpeaker: true,     // Enable speaker automatically
    );

    // 2. Configure room creation options
    final options = CreateRoomOptions(
      roomName: 'roomName',  // Room Name
    );

    // 3. Initialize main room page
    final behavior = RoomBehavior.create(options);

    // 4. Navigate to room page
    Navigator.of(context).push(
      MaterialPageRoute(
        builder: (context) => RoomMainWidget(
          roomID: 'roomID',
          behavior: behavior,
          config: config,
        ),
      ),
    );
  }
}

import 'package:tencent_conference_uikit/tencent_conference_uikit.dart';

// YourMainPage is the page where you load the main room page
class YourMainPage extends StatelessWidget {
  const YourMainPage({super.key});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: ElevatedButton(
          onPressed: () => _enterRoom(context),
          child: const Text('Join Room'),
        ),
      ),
    );
  }

  void _enterRoom(BuildContext context) {
    // 1. Build enter room configuration
    const config = ConnectConfig(
      autoEnableCamera: true,      // Enable camera automatically
      autoEnableMicrophone: true,  // Enable microphone automatically
      autoEnableSpeaker: true,     // Enable speaker automatically
    );

    // 2. Initialize main room page
    const behavior = RoomBehavior.enter();

    // 3. Navigate to room page
    Navigator.of(context).push(
      MaterialPageRoute(
        builder: (context) => RoomMainWidget(
          roomID: 'roomID',
          behavior: behavior,
          config: config,
        ),
      ),
    );
  }
}