集成通讯录界面

更新时间: 2023/07/21 06:56:02

IM UIKit 通讯录界面展示,支持个性化定制 UI 界面。

个性化定制通讯录界面相关说明,请参见自定义通讯录界面 UI

集成效果

通讯模块主要界面Flutter.png

集成通讯录界面

通讯录页面在ContactPage类中实现,接入之前请确保已经引入nim_contactkit_ui依赖。

dependencies:
  nim_contactkit_ui: ^1.0.0-rc.0

初始化 nim_contactkit_ui

使用nim_contactkit_ui之前,需调用ContactKitClient.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) {
    ContactKitClient.init();
    // ...
  }
}

命名路由直接跳转

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

dartNavigator.pushNamed(context, RouterConstants.PATH_CONTACT_PAGE);

实例化ContactPage跳转

dartNavigator.push(context, MaterialPageRoute(builder: (context) => ContactPage()));
  • ContactPage实例化参数
dartContactPage({Key? key, this.config})
  • ContactPage参数说明
参数
类型
说明
config ContactUIConfig 页面配置 (可选)
此文档是否对你有帮助?
有帮助
去反馈
  • 集成效果
  • 集成通讯录界面
  • 初始化 nim_contactkit_ui
  • 命名路由直接跳转
  • 实例化ContactPage跳转