集成会话列表界面

更新时间: 2024/09/27 10:50:00

IM UIKit 会话列表页面的展示和交互逻辑

会话列表 UI 个性化定制相关说明,请参见自定义会话列表 UI

效果展示

image

初始化 nim_conversationkit_ui

使用nim_conversationkit_ui之前,需调用ConversationKitClient.init方法对该模块进行初始化,以保证该模块功能的正常使用。初始化方法全局只需要调用一次,建议您在main.dart 文件中调用。

初始化需要在 IM UIKit 界面加载之前进行。

示例代码如下:

dartvoid main() {

  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({Key? key}) : super(key: key);


  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    ConversationKitClient.init();
    // ...
  }
}

集成会话列表界面

会话页面在ConversationPage类中实现,接入之前请确保已经引入nim_conversationkit_ui依赖。

yamldependencies:
    nim_conversationkit_ui: ^1.0.0-rc.0

命名路由直接跳转

您可以使用命名路由直接跳转到ConversationPage

dartNavigator.pushNamed(context, RouterConstants.PATH_CONVERSATION_PAGE);

实例化ConversationPage跳转

dartNavigator.push(context, MaterialPageRoute(builder: (context) => ConversationPage()));
  • ConverationPage实例化参数
dartConversationPage({Key? key, this.config, this.onUnreadCountChanged})
  • ConversationPage参数说明
参数
类型
说明
context BuildContext 上下文
config ConversationUIConfig 页面配置(可选)
onUnreadCountChanged ValueChanged 未读数变化更新通知(可选)
此文档是否对你有帮助?
有帮助
去反馈
  • 效果展示
  • 初始化 nim_conversationkit_ui
  • 集成会话列表界面
  • 命名路由直接跳转
  • 实例化ConversationPage跳转