[flutter] RaisedButton을 사용해 인터넷 연결 확인

07 Dec 2023

flutter

Flutter 애플리케이션에서 RaisedButton을 사용하여 인터넷 연결을 확인하는 방법을 알아보겠습니다.

1. 필요한 패키지 추가하기

먼저 connectivity 패키지를 추가해야 합니다. 이 패키지는 인터넷 연결 상태를 확인하는 데 사용됩니다. pubspec.yaml 파일에 다음과 같은 내용을 추가합니다:

dependencies:
  connectivity: ^2.0.0

설정이 완료되면 패키지를 가져옵니다:

import 'package:connectivity/connectivity.dart';

2. RaisedButton 위젯 만들기

RaisedButton을 사용하여 인터넷 연결을 확인하는 버튼을 만들어보겠습니다. 다음의 코드를 build() 메서드 안에 추가합니다:

RaisedButton(
  onPressed: () async {
    var connectivityResult = await (Connectivity().checkConnectivity());
    if (connectivityResult == ConnectivityResult.mobile ||
        connectivityResult == ConnectivityResult.wifi) {
      // 인터넷 연결 성공
      print('인터넷에 연결되었습니다.');
    } else {
      // 인터넷 연결 실패
      print('인터넷에 연결되지 않았습니다.');
    }
  },
  child: Text('인터넷 연결 확인'),
)

위 코드에서는 Connectivity() 클래스를 사용하여 인터넷 연결 상태를 확인합니다. checkConnectivity() 메서드는 현재 연결 상태를 반환합니다. 연결 상태가 ConnectivityResult.mobile 또는 ConnectivityResult.wifi인 경우에는 인터넷 연결에 성공한 것으로 간주합니다. 그렇지 않은 경우에는 인터넷 연결이 실패한 것으로 판단합니다.

3. 예외 처리 추가하기 (Optional)

만약 앱에서 인터넷 연결이 필수적인 경우 예외 처리를 추가하는 것이 좋습니다. connectivity 패키지의 onConnectivityChanged 스트림을 사용하여 연결 상태 변경을 감지할 수 있습니다. 예를 들어, 다음과 같이 initState() 메서드에서 스트림을 등록할 수 있습니다:

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

class MyApp extends StatefulWidget {
  @override
  _MyAppState createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  @override
  void initState() {
    super.initState();
    Connectivity().onConnectivityChanged.listen((ConnectivityResult result) {
      if (result == ConnectivityResult.none) {
        // 인터넷 연결이 끊어짐
        print('인터넷 연결이 끊어졌습니다.');
      }
    });
  }

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('인터넷 연결 확인'),
        ),
        body: Center(
          child: RaisedButton(
            onPressed: () async {
              var connectivityResult = await (Connectivity().checkConnectivity());
              if (connectivityResult == ConnectivityResult.mobile ||
                  connectivityResult == ConnectivityResult.wifi) {
                // 인터넷 연결 성공
                print('인터넷에 연결되었습니다.');
              } else {
                // 인터넷 연결 실패
                print('인터넷에 연결되지 않았습니다.');
              }
            },
            child: Text('인터넷 연결 확인'),
          ),
        ),
      ),
    );
  }
}

위 코드에서는 onConnectivityChanged 스트림을 사용하여 연결 상태 변경을 감지하고 이벤트가 발생할 때마다 적절한 조치를 취합니다. 인터넷 연결이 끊어진 경우에는 해당 메시지를 출력하도록 했습니다.

결론

Flutter 애플리케이션에서 RaisedButton을 사용하여 인터넷 연결을 확인하는 방법을 소개했습니다. connectivity 패키지를 이용하여 인터넷 연결 상태를 확인하고 예외 처리를 추가하는 것을 추천합니다.