Flutter聊天功能插件ChatKit的使用

kit.chatkit

提供聊天消息业务层实现

声明依赖项

如需添加 ChatKit 的依赖项，您必须将 pub 库添加到项目中。

在应用或模块的 pubspec.yaml 文件中添加所需工件的依赖项：

dependencies:
  chatkit: ^1.0.0

完整示例代码

以下是一个完整的示例，展示如何在 Flutter 中使用 ChatKit 插件来实现一个简单的聊天功能。

1. 配置 pubspec.yaml

确保您的 pubspec.yaml 文件中已正确添加 ChatKit 依赖：

name: chatkit_example
description: A simple example of using ChatKit in Flutter.

version: 1.0.0+1

environment:
  sdk: ">=2.12.0 <3.0.0"

dependencies:
  flutter:
    sdk: flutter
  chatkit: ^1.0.0

dev_dependencies:
  flutter_test:
    sdk: flutter

运行以下命令以安装依赖项：

flutter pub get

2. 初始化 ChatKit

在 main.dart 文件中初始化 ChatKit 并设置基本的聊天界面。

import 'package:flutter/material.dart';
import 'package:chatkit/chatkit.dart';

void main() {
  runApp(ChatApp());
}

class ChatApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: ChatScreen(),
    );
  }
}

class ChatScreen extends StatefulWidget {
  [@override](/user/override)
  _ChatScreenState createState() => _ChatScreenState();
}

class _ChatScreenState extends State<ChatScreen> {
  late ChatClient _client;
  late Room _room;

  [@override](/user/override)
  void initState() {
    super.initState();
    // 初始化 ChatKit 客户端
    _client = ChatClient(
      instanceLocator: "YOUR_INSTANCE_LOCATOR", // 替换为您的实例定位符
      tokenProvider: StaticTokenProvider("YOUR_USER_TOKEN"), // 替换为您的用户令牌
    );

    // 连接到房间
    connectToRoom();
  }

  Future<void> connectToRoom() async {
    try {
      // 获取房间
      _room = await _client.subscribeRoom(
        roomId: "ROOM_ID", // 替换为您的房间 ID
      );

      // 监听消息更新
      _room.onMessageReceived.listen((message) {
        print("New message received: ${message.text}");
      });

      setState(() {});
    } catch (e) {
      print("Error connecting to room: $e");
    }
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("ChatKit Example"),
      ),
      body: Column(
        children: [
          Expanded(
            child: ListView.builder(
              itemCount: _room.messages.length,
              itemBuilder: (context, index) {
                final message = _room.messages[index];
                return ListTile(
                  title: Text(message.text),
                  subtitle: Text(message.sender.name),
                );
              },
            ),
          ),
          Padding(
            padding: const EdgeInsets.all(8.0),
            child: Row(
              children: [
                Expanded(
                  child: TextField(
                    onChanged: (value) {},
                    decoration: InputDecoration(hintText: "Type a message..."),
                  ),
                ),
                IconButton(
                  icon: Icon(Icons.send),
                  onPressed: () {
                    // 发送消息
                    _room.sendMessage("Hello, ChatKit!");
                  },
                ),
              ],
            ),
          ),
        ],
      ),
    );
  }
}