如何从其他Dart文件访问已创建的Socket.IO对象？

不需要在每个Dart文件中重新创建socket对象，完全可以复用HomeScreen中初始化好的socket实例——重复创建会导致多连接占用资源，服务器也会识别为多个独立客户端，不符合业务需求。下面是几种可行的实现方式：

1. 单例模式（推荐全局复用） #

把Socket的初始化逻辑封装成单例类，确保整个App中只有一个socket实例：

创建SocketService.dart文件：

import 'package:socket_io_client/socket_io_client.dart' as IO;

class SocketService {
  // 单例实例
  static final SocketService _instance = SocketService._internal();
  late IO.Socket socket;

  factory SocketService() => _instance;

  SocketService._internal();

  // 初始化socket
  void initSocket() {
    socket = IO.io('http://localhost:4001', IO.OptionBuilder().setTransports(['websocket']).build());
    socket.connect();
    socket.onConnect((_) {
      print('Connected to the socket');
      socket.emit('join', {"username": "alex2020"});
    });
  }
}

修改HomeScreen.dart的initState调用初始化：

@override
void initState() {
  super.initState();
  SocketService().initSocket();
}

其他Dart文件中直接调用发送消息：

// 比如在其他页面发送消息
SocketService().socket.emit('send_message', {"content": "Hello from another file"});

2. 状态管理工具（适合复杂项目） #

如果项目使用了状态管理库（如Provider、GetX、Riverpod），可以将socket实例存入状态容器，全局组件都能获取：

以GetX为例，创建SocketController.dart：

import 'package:get/get.dart';
import 'package:socket_io_client/socket_io_client.dart' as IO;

class SocketController extends GetxController {
  late IO.Socket socket;

  @override
  void onInit() {
    super.onInit();
    initSocket();
  }

  void initSocket() {
    socket = IO.io('http://localhost:4001', IO.OptionBuilder().setTransports(['websocket']).build());
    socket.connect();
    socket.onConnect((_) {
      print('Connected to the socket');
      socket.emit('join', {"username": "alex2020"});
    });
  }
}

在main.dart中初始化控制器：

void main() {
  Get.put(SocketController());
  runApp(const MyApp());
}

其他文件中获取实例并发送消息：

final socketController = Get.find<SocketController>();
socketController.socket.emit('send_message', {"content": "Hello via GetX"});

3. 构造函数传递（适合局部组件） #

如果只是父子组件之间传递socket，可以通过构造函数直接传入：

子组件ChatScreen.dart示例：

class ChatScreen extends StatelessWidget {
  final IO.Socket socket;
  const ChatScreen({super.key, required this.socket});

  // 发送消息
  void sendMessage() {
    socket.emit('send_message', {"content": "Hello from child widget"});
  }

  @override
  Widget build(BuildContext context) {
    // ... 组件UI实现
  }
}

在HomeScreen中导航到ChatScreen时传入socket：

Navigator.push(
  context,
  MaterialPageRoute(
    builder: (context) => ChatScreen(socket: SocketService().socket),
  ),
);

内容的提问来源于stack exchange，提问作者Alex Wright