Chat UIKit

await TencentCloudChat.controller.initUIKit(
  config: TencentCloudChatConfig(), /// [可选]: 影响整个聊天界面的全局配置，包括用户相关配置、主题相关配置等。
  options: TencentCloudChatInitOptions(
    sdkAppID: , /// [必需]: 腾讯云聊天应用的SDKAppID
    userID: , /// [必需]: 已登录用户的userID
    userSig: , /// [必需]: 已登录用户的userSig
  ),

  components: TencentCloudChatInitComponentsRelated( /// [必需]: 模块化UI组件相关设置，全局生效。
    usedComponentsRegister: [
      /// [必需]: 聊天界面中使用的组件的注册函数列表。
      TencentCloudChatConversationManager.register,
      TencentCloudChatMessageManager.register,
      /// ...... 
      /// 上面的注册是示例。在此字段中，传入每个子模块UI包的注册。
      /// 安装每个子模块UI包后，需要在此声明才能使用。
    ],
    componentConfigs: TencentCloudChatComponentConfigs(
      /// [可选]: 在此处为每个UI模块组件提供自定义配置。这些构建器将全局应用。
    ),
    componentBuilders: TencentCloudChatComponentBuilders(
      /// [可选]: 在此处为每个UI模块组件提供自定义UI构建器。这些构建器将全局应用。
    ),
    componentEventHandlers: TencentCloudChatComponentEventHandlers(
      /// [可选]: 在此处为UI组件相关事件提供自定义事件处理程序。这些构建器将全局应用。
    ),
  ),

  /// [关键]: 强烈建议将以下回调侦听器集成到SDK事件、SDK API错误和需要用户关注的特定UIKit事件的有效管理中。
  /// 有关详细用法，请参阅本自述文件末尾的“引入UIKit回调”部分。
  callbacks: TencentCloudChatCallbacks(
    onTencentCloudChatSDKEvent: V2TimSDKListener(),  /// [可选]: 处理SDK事件，如onKickedOffline和onUserSigExpired等。
    onTencentCloudChatSDKFailCallback: (apiName, code, desc) {}, /// [可选]: 处理SDK API错误。
    onTencentCloudChatUIKitUserNotificationEvent: (TencentCloudChatComponentsEnum component, TencentCloudChatUserNotificationEvent event) {}, /// [可选]: 处理全局范围内需要用户关注的特定UIKit事件。
  ),

  plugins: [],  /// [可选]: 使用的插件，如tencent_cloud_chat_robot等。具体用法请参阅每个插件的自述文件。
);

TencentCloudChatConversationManager.config.setConfigs(
    useDesktopMode: true,
);

TencentCloudChatConversationManager.builder.setBuilders(
  conversationItemContentBuilder: (V2TimConversation conversation) => Container(),
  conversationHeaderBuilder: () => Container(),
);

TencentCloudChatContactManager.eventHandlers.uiEventHandlers.setEventHandlers(
    onTapContactItem: ({
    String? userID,
    String? groupID,
    }) async {
        // 根据提供的userID、groupID和您的业务逻辑判断是否需要手动导航。
        if (needed) {
            // 您的自定义业务逻辑
            return true;
        } else {
            // 继续执行内置逻辑
            return false;
        }
    },
);

// 使用聊天SDK创建消息。
final res = await TencentCloudChat.instance.chatSDKInstance.messageSDK.createTextMessage(text: "Sample Message", mentionedUsers: []);
if(res != null ){
  // 然后使用从TencentCloudChatMessageManager获取的控制器发送创建的消息。
  TencentCloudChatMessageManager.controller.sendMessage(createdMessage: res, userID: "admin");
}

    await TencentCloudChat.controller.initUIKit(
      components: TencentCloudChatInitComponentsRelated(
        usedComponentsRegister: [
          TencentCloudChatConversationManager.register, /// 添加这一行
          /// ...
        ],
      /// ...
      ),
      /// ...
    );

  @override
  Widget build(BuildContext context) {
    return const TencentCloudChatConversation();
  }

    await TencentCloudChat.controller.initUIKit(
      components: TencentCloudChatInitComponentsRelated(
        usedComponentsRegister: [
          TencentCloudChatMessageManager.register, /// 添加这一行
          /// ...
        ],
      /// ...
      ),
      /// ...
    );

final messageOptions = TencentCloudChatMessageOptions(
      // 提供userID或groupID，表示聊天的会话。
      userID: "", // 对于一对一聊天，提供另一个用户的userID
      groupID: "", // 对于群聊，提供groupID
    );

/// 使用上面构造的messageOptions
navigateToMessage(context: context, options: messageOptions);

// 如果您需要使用控制器，请维护一个TencentCloudChatMessageController实例。
final TencentCloudChatMessageController messageController = TencentCloudChatMessageController();

final message = TencentCloudChatMessage(
      // 一定要提供选项。使用上面构造的messageOptions。
      options: messageOptions,

      // 如果您需要使用控制器，请提供一个控制器实例。
      controller: messageController,

      // 其他参数，如构建器，可以根据您的需求在此处全局指定或静态传入。有关详细用法，请参阅参数和方法注释。
    );

    final messageConfig = TencentCloudChatMessageConfig(
        // 演示一个配置选项。
        // 是否在消息列表中显示其他用户的头像。
        showOthersAvatar: ({userID, groupID}){
          if(userID!=null&&userID.isNotEmpty){
            // 如果是一对一聊天，由于头像已经在标题中，所以不显示另一个用户的头像。
            return false;
          }
          // 如果是群聊，显示其他用户的头像。
          return true;
        }
    );

    await TencentCloudChat.controller.initUIKit(
      components: TencentCloudChatInitComponentsRelated(
        usedComponentsRegister: [
          TencentCloudChatContactManager.register, /// 添加这一行
          /// ...
        ],
      /// ...
      ),
      /// ...
    );

  @override
  Widget build(BuildContext context) {
    return const TencentCloudChatContact();
  }

    await TencentCloudChat.controller.initUIKit(
      components: TencentCloudChatInitComponentsRelated(
        usedComponentsRegister: [
          TencentCloudChatUserProfileManager.register, /// 添加这一行
          /// ...
        ],
      /// ...
      ),
      /// ...
    );

final userProfileOptions = TencentCloudChatUserProfileOptions(
      userID: "", // 提供一个用户的 userID
    );

/// 使用上面构造的userProfileOptions
navigateToUserProfile(context: context, options: userProfileOptions);

    final userProfile = TencentCloudChatUserProfile(
      // 一定要提供选项。使用上面构造的userProfileOptions。
      options: userProfileOptions,

      // 其他参数，如构建器，可以根据您的需求在此处全局指定或静态传入。有关详细用法，请参阅参数和方法注释。
    );

    await TencentCloudChat.controller.initUIKit(
      components: TencentCloudChatInitComponentsRelated(
        usedComponentsRegister: [
          TencentCloudChatGroupProfileManager.register, /// 添加这一行
          /// ...
        ],
      /// ...
      ),
      /// ...
    );

final groupProfileOptions = TencentCloudChatGroupProfileOptions(
  groupID: "", // 提供群组ID
    );

/// 使用上面构造的userProfileOptions
navigateToGroupProfile(context: context, options: groupProfileOptions);

    final groupProfile = TencentCloudChatGroupProfile(
      // 一定要提供选项。使用上面构造的groupProfileOptions。
      options: groupProfileOptions,

      // 其他参数，如构建器，可以根据您的需求在此处全局指定或静态传入。有关详细用法，请参阅参数和方法注释。
    );