[flutter] RaisedButton을 사용해 앱 업데이트 확인

07 Dec 2023

flutter

앱을 개발하다 보면 사용자에게 앱 업데이트를 알리는 기능이 필요할 때가 있습니다. 이를 위해 Flutter의 RaisedButton 위젯을 사용하여 앱 버전을 확인하고 업데이트 알림을 표시하는 방법을 알아보겠습니다.

1. 패키지 설정

먼저, pubspec.yaml 파일에 flutter_launcher_icons 패키지를 추가해야 합니다. 이 패키지를 사용하여 앱 아이콘을 설정하고 버전 정보를 읽어올 수 있습니다.

dev_dependencies:
  flutter_launcher_icons: ^0.7.3

2. 메소드 추가

다음으로 앱의 버전 정보를 읽어오기 위한 메소드를 추가해야 합니다. 이 메소드에서는 package_info 패키지의 PackageInfo 클래스를 사용하여 앱의 버전을 가져옵니다.

import 'package:package_info/package_info.dart';

Future<String> getAppVersion() async {
  PackageInfo packageInfo = await PackageInfo.fromPlatform();
  return packageInfo.version;
}

3. RaisedButton 추가

이제 RaisedButton을 사용하여 버전을 확인하고 업데이트 알림을 표시하는 버튼을 만들어 보겠습니다.

import 'package:flutter/material.dart';

class UpdateButton extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return RaisedButton(
      child: Text('Check for Updates'),
      onPressed: () async {
        String currentVersion = await getAppVersion();
        // 버전 확인 및 업데이트 알림 표시 로직 구현
      },
    );
  }
}

4. 앱 업데이트 확인

마지막으로 버전 확인 및 업데이트 알림을 표시하는 로직을 구현해야 합니다. 이는 onPressed 이벤트 핸들러에서 실행됩니다. 기존 버전과 서버에서 받아온 최신 버전을 비교하여 업데이트 알림을 표시하는 로직을 구현하세요.

String latestVersion = ''; // 서버에서 받아온 최신 버전

if (latestVersion == currentVersion) {
  // 최신 버전이라면 아무 처리도 필요하지 않음
} else {
  showDialog(
    context: context,
    builder: (BuildContext context) {
      return AlertDialog(
        title: Text('Update Available'),
        content: Text('A new version of the app is available. Do you want to update?'),
        actions: [
          FlatButton(
            child: Text('Cancel'),
            onPressed: () {
              Navigator.of(context).pop();
            },
          ),
          FlatButton(
            child: Text('Update'),
            onPressed: () {
              // 업데이트 로직 추가
            },
          ),
        ],
      );
    },
  );
}

이제 RaisedButon을 통해 앱의 버전을 확인하고 업데이트 알림을 표시하는 기능을 구현했습니다. 앱 업데이트 확인 로직을 자신의 서버와 연동하여 실제로 동작하도록 수정해 사용하면 됩니다.