Flutter WebSocket客户端插件flutter_deck_ws_client的使用

当然，以下是一个关于如何使用 flutter_deck_ws_client 插件来创建 Flutter WebSocket 客户端的示例代码。需要注意的是，flutter_deck_ws_client 并不是 Flutter 社区广泛认知的标准插件，所以假设它类似于其他 WebSocket 客户端插件（例如 web_socket_channel），并提供类似的功能。如果 flutter_deck_ws_client 有特定的 API，请根据实际情况调整代码。

首先，确保在 pubspec.yaml 文件中添加依赖项（假设插件名为 flutter_deck_ws_client，并且已经在 pub.dev 上发布）：

dependencies:
  flutter:
    sdk: flutter
  flutter_deck_ws_client: ^latest_version  # 替换为实际版本号

然后，运行 flutter pub get 来获取依赖项。

以下是一个简单的 Flutter 应用示例，它使用 flutter_deck_ws_client 插件连接到 WebSocket 服务器并发送/接收消息：

import 'package:flutter/material.dart';
import 'package:flutter_deck_ws_client/flutter_deck_ws_client.dart'; // 假设导入路径

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter WebSocket Client',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: WebSocketExample(),
    );
  }
}

class WebSocketExample extends StatefulWidget {
  @override
  _WebSocketExampleState createState() => _WebSocketExampleState();
}

class _WebSocketExampleState extends State<WebSocketExample> {
  DeckWebSocketClient? _webSocketClient;
  String _message = '';
  TextEditingController _controller = TextEditingController();

  @override
  void initState() {
    super.initState();
    connectToWebSocket();
  }

  void connectToWebSocket() {
    _webSocketClient = DeckWebSocketClient('wss://your-websocket-server-url');

    _webSocketClient!.onMessage!.listen((message) {
      setState(() {
        _message += '${message.data}\n';
      });
    });

    _webSocketClient!.onOpen!.listen((_) {
      print('WebSocket connection opened');
    });

    _webSocketClient!.onError!.listen((error) {
      print('WebSocket error: $error');
    });

    _webSocketClient!.onClose!.listen((_) {
      print('WebSocket connection closed');
    });

    _webSocketClient!.connect();
  }

  void sendMessage() {
    if (_webSocketClient!.readyState == WebSocketReadyState.open) {
      _webSocketClient!.send(_controller.text);
      _controller.clear();
    } else {
      print('WebSocket is not open');
    }
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Flutter WebSocket Client Example'),
      ),
      body: Padding(
        padding: const EdgeInsets.all(8.0),
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.start,
          children: [
            Expanded(
              child: SingleChildScrollView(
                child: Text(_message),
              ),
            ),
            TextField(
              controller: _controller,
              decoration: InputDecoration(
                border: OutlineInputBorder(),
                labelText: 'Send a message',
              ),
              onEditingComplete: () => sendMessage(),
            ),
          ],
        ),
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: sendMessage,
        tooltip: 'Send message',
        child: Icon(Icons.send),
      ),
    );
  }

  @override
  void dispose() {
    _webSocketClient?.close();
    _controller.dispose();
    super.dispose();
  }
}

说明：

1. 依赖项：确保在 pubspec.yaml 中添加了 flutter_deck_ws_client 插件。
2. 连接 WebSocket：在 initState 方法中初始化并连接到 WebSocket 服务器。
3. 监听消息：使用 _webSocketClient!.onMessage!.listen 来监听来自服务器的消息。
4. 发送消息：提供一个文本字段和一个按钮来发送消息到 WebSocket 服务器。
5. 清理资源：在 dispose 方法中关闭 WebSocket 连接并释放控制器资源。

请注意，如果 flutter_deck_ws_client 的 API 与示例中的不同，请根据实际文档进行调整。如果插件不存在或名称有误，您可能需要查找类似的 WebSocket 客户端插件（如 web_socket_channel）并参考其文档。