Flutter中如何使用shengwang_chat_uikit库

我在Flutter项目中尝试使用shengwang_chat_uikit库，但遇到了一些问题。首先，我按照官方文档添加了依赖，但在导入包时始终提示"package not found"。其次，我想实现一个基础的聊天界面，但不知道如何初始化ChatUIKit组件以及配置必要的参数。能否提供一个完整的使用示例？包括如何正确添加依赖、初始化SDK，以及实现发送和接收消息的基本功能？另外，这个库是否支持消息已读回执和消息撤回功能？

2 回复

在pubspec.yaml中添加依赖：

dependencies:
  shengwang_chat_uikit: ^版本号

然后运行flutter pub get，导入包后即可使用组件。

更多关于Flutter中如何使用shengwang_chat_uikit库的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html


在Flutter中使用声网（Agora）的 shengwang_chat_uikit 库，主要涉及以下步骤：

1. 添加依赖

在 pubspec.yaml 文件中添加依赖：

dependencies:
  shengwang_chat_uikit: ^最新版本号

运行 flutter pub get 安装。

2. 初始化SDK

在应用启动时初始化：

import 'package:shengwang_chat_uikit/shengwang_chat_uikit.dart';

void main() {
  WidgetsFlutterBinding.ensureInitialized();
  
  // 替换为你的App ID
  ChatUIKit.instance.init(appId: "你的AppId");
  runApp(MyApp());
}

3. 登录与连接

使用用户Token登录：

await ChatUIKit.instance.login(
  userId: "用户ID",
  token: "用户Token", // 从服务端获取
);

4. 使用UI组件

库提供预置UI组件，例如会话列表：

class ChatListPage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: ConversationListView(), // 直接使用会话列表组件
    );
  }
}

5. 跳转到聊天界面

Navigator.push(
  context,
  MaterialPageRoute(
    builder: (context) => ChatView(
      conversation: Conversation(
        id: "目标用户ID",
        type: ConversationType.Chat,
      ),
    ),
  ),
);

6. 处理Token更新

Token过期时需更新：

ChatUIKit.instance.renewToken("新Token");

注意事项：

  • Token安全性：务必从服务端获取Token，避免客户端硬编码。
  • 权限配置：根据需求在 AndroidManifest.xml 和 Info.plist 中配置相机、麦克风等权限。
  • 错误处理：登录、发送消息等操作需添加 try-catch 处理异常。

通过以上步骤，可快速集成声网聊天UI组件，实现完整的聊天功能。详细参数和高级用法请参考官方文档。

回到顶部