集成会话列表界面
更新时间: 2024/09/27 10:50:00
IM UIKit 会话列表页面的展示和交互逻辑
会话列表 UI 个性化定制相关说明,请参见自定义会话列表 UI。
效果展示
初始化 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 |
未读数变化更新通知(可选) |
此文档是否对你有帮助?