socket.on 在颤振中无法正常工作

Question

我创建一个类来管理套接字并在 main.dart 类中使用它。

class SocketServices {
  static late Socket socket;

  static void connect() async {
    socket = io(
        'http://server-address',
        OptionBuilder()
            .setTransports(['websocket'])
            .disableAutoConnect()
            .build());
    socket.connect();
  }

  static void disConnect() {
    socket.disconnect()
      ..dispose()
      ..close();
  }
}

连接正确。当我在其中一个页面中使用此套接字来侦听事件时，它无法连接：

@override
void onInit() {
  super.onInit();
  SocketServices.socket.on("online_players",(data) {
    print(data.toString());
  });
}

但是，当我在 SocketServices 的连接方法中使用 socket.on 时类，它正确返回数据。

static void connect() async {
  socket = io(
      'http://45.147.160.146:5000',
      OptionBuilder()
          .setTransports(['websocket'])
          .disableAutoConnect()
          .build());
  socket.connect();
  socket.on("online_users", (data){
    print(data);
  });
}

有什么区别？我需要其中一个页面上的数据，如何在 SocketServices 类中声明 socket.on 并使用该页面上的实时数据？