[flutter] 특정 날짜나 이벤트에 맞춰 아이콘을 변경하는 방법

22 Dec 2023

flutter

먼저, Flutter 프로젝트에 다음과 같이 flutter_launcher_icons 플러그인을 추가합니다. 이 플러그인을 사용하면 애플리케이션의 아이콘을 관리할 수 있습니다.

dev_dependencies:
  flutter_launcher_icons: ^0.9.2
flutter_icons:
  android: true
  ios: true
  image_path: "assets/icon/default_icon.png"

다음으로, flutter_launcher_icons의 설정 파일인 pubspec.yaml 파일을 열고, 아이콘을 변경할 날짜에 따른 이미지를 추가합니다.

flutter_icons:
  android: true
  ios: true
  image_path: "assets/icon/default_icon.png"
  image_path_android_calendar: "assets/icon/calendar_icon.png"
  image_path_ios_calendar: "assets/icon/calendar_icon.png"

이제 미리 준비해 둔 calendar_icon.png와 같은 새로운 이미지를 <프로젝트 폴더>/assets/icon/ 폴더에 추가합니다.

그 후, 애플리케이션 코드에서 사용할 수 있도록 이미지를 불러오고, 특정 날짜에 따른 아이콘 변경 로직을 추가합니다.

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

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: MyHomePage(),
    );
  }
}

class MyHomePage extends StatefulWidget {
  @override
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  CalendarController _controller;

  @override
  void initState() {
    super.initState();
    _controller = CalendarController();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Flutter Icon Changer'),
      ),
      body: Center(
        child: TableCalendar(
          calendarController: _controller,
          onDaySelected: (date, events, holidays) {
            // Check the selected date and change the app icon if needed
            if (date == DateTime(2022, 10, 31)) {
              // Set the app icon to calendar_icon.png
            } else {
              // Set the app icon to default_icon.png
            }
          },
        ),
      ),
    );
  }
}

위 코드에서는 table_calendar 패키지를 사용하여 달력 위젯을 만들고, 특정 날짜가 선택될 때마다 아이콘을 변경하도록 설정했습니다.

이제 설정된 날짜에 따라 앱 아이콘이 변경될 것입니다. 위 예제를 참고하여 필요에 맞게 수정하여 사용하시기 바랍니다.