集成通讯录界面
更新时间: 2023/07/21 06:56:02
IM UIKit 通讯录界面展示,支持个性化定制 UI 界面。
个性化定制通讯录界面相关说明,请参见自定义通讯录界面 UI。
集成效果
集成通讯录界面
通讯录页面在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 | 页面配置 (可选) |
此文档是否对你有帮助?