Flutter中如何使用_websocket.add方法传入字符串

在Flutter中使用WebSocket时，如何正确通过_websocket.add方法传入字符串数据？我尝试直接传入字符串，但有时会遇到连接异常或数据无法正常发送的问题。是否需要先将字符串转换为特定格式（如UTF-8编码的字节流）？能否提供一个具体的代码示例说明正确的传参方式？

2 回复

在Flutter中使用_websocket.add传入字符串时，需先确保字符串已编码为Utf8Codec格式。示例代码：

_websocket.add(utf8.encode('要发送的字符串'));

需导入dart:convert包。

更多关于Flutter中如何使用_websocket.add方法传入字符串的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html


在Flutter中使用_websocket.add方法传入字符串时，需要先将字符串转换为List<int>类型，因为WebSocket的add方法要求数据为List<int>（字节列表）或String类型。以下是具体步骤和代码示例：

  1. 创建WebSocket连接：

    final WebSocketChannel _websocket = WebSocketChannel.connect(
  Uri.parse('wss://your-websocket-url'),
);

  2. 发送字符串数据：

    • 如果直接传入字符串，WebSocket会自动处理编码：
      _websocket.add('Hello, WebSocket!'); // 直接传入字符串
    • 如果需要显式转换为List<int>，使用utf8.encode：
      import 'dart:convert'; // 引入convert库
_websocket.add(utf8.encode('Hello, WebSocket!')); // 手动编码为字节列表

  3. 完整示例：

    import 'package:flutter/material.dart';
import 'package:web_socket_channel/web_socket_channel.dart';
import 'dart:convert';

class MyWebSocketPage extends StatefulWidget {
  @override
  _MyWebSocketPageState createState() => _MyWebSocketPageState();
}

class _MyWebSocketPageState extends State<MyWebSocketPage> {
  final TextEditingController _controller = TextEditingController();
  final WebSocketChannel _websocket = WebSocketChannel.connect(
    Uri.parse('wss://echo.websocket.events'), // 示例URL
  );

  void _sendMessage() {
    if (_controller.text.isNotEmpty) {
      _websocket.add(_controller.text); // 直接发送字符串
      // 或使用：_websocket.add(utf8.encode(_controller.text));
      _controller.clear();
    }
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Column(
        children: [
          TextField(controller: _controller),
          ElevatedButton(
            onPressed: _sendMessage,
            child: Text('发送'),
          ),
          StreamBuilder(
            stream: _websocket.stream,
            builder: (context, snapshot) {
              return Text(snapshot.hasData ? '${snapshot.data}' : '');
            },
          ),
        ],
      ),
    );
  }

  @override
  void dispose() {
    _websocket.sink.close(); // 关闭连接
    super.dispose();
  }
}

注意事项：

  • 使用web_socket_channel包（通过pubspec.yaml添加依赖：web_socket_channel: ^2.1.0）。
  • 直接传入字符串时，WebSocket会自动使用UTF-8编码；手动编码可确保一致性。
  • 处理连接异常和关闭逻辑，避免内存泄漏。

通过以上方法，即可在Flutter中通过_websocket.add成功发送字符串数据。

回到顶部