如何在flutter中创建socket异常的屏幕？

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

class SocketScreen extends StatefulWidget {
  @override
  _SocketScreenState createState() => _SocketScreenState();
}

class _SocketScreenState extends State<SocketScreen> {
  Socket? _socket;

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

  void _connectToSocket() async {
    try {
      _socket = await Socket.connect('your_server_address', your_server_port);
      // 连接成功，可以进行数据传输
    } catch (e) {
      // 连接异常，处理异常情况
      print('Socket连接异常: $e');
    }
  }

  @override
  Widget build(BuildContext context) {
    if (_socket != null && _socket!.connected) {
      // Socket连接成功，显示正常内容
      return Scaffold(
        appBar: AppBar(
          title: Text('Socket连接成功'),
        ),
        body: Center(
          child: Text('Socket连接成功'),
        ),
      );
    } else {
      // Socket连接异常，显示异常内容
      return Scaffold(
        appBar: AppBar(
          title: Text('Socket连接异常'),
        ),
        body: Center(
          child: Text('Socket连接异常'),
        ),
      );
    }
  }
}