밤이 되면 자동으로 앱이 어두워지고, 눈의 피로를 덜어주는 다크 모드는 이제 필수 기능이다.Flutter에서는 이 다크 모드를 비교적 쉽게 적용할 수 있다. 단, 제대로 설계하지 않으면 디자인이 망가질 수도 있다.이번 글에서는 ThemeMode 설정부터 커스텀 다크 테마 구성까지 뉴스 앱에 다크 모드를 적용하는 전체 흐름을 정리한다.🌓 ThemeMode란?Flutter의 MaterialApp에는 theme, darkTheme, themeMode라는 세 가지 설정이 있다.MaterialApp( theme: lightTheme, darkTheme: darkTheme, themeMode: ThemeMode.system, // 또는 .dark / .light)ThemeMode.system: 디바이스 설정..

화려한 기능과 디자인을 갖춘 앱도, 밤이 되면 불편할 수 있다.눈이 편안한 다크 모드는 이제 선택이 아닌 필수이다.이번 글에서는 Flutter 게시판 앱에 다크 모드 완전 대응을 적용해보자.시스템 설정에 따라 자동으로 전환되거나, 직접 테마를 토글할 수 있도록 구성할 수 있다.🌓 ThemeMode란?MaterialApp에서는 themeMode 속성으로 앱의 테마 모드를 설정할 수 있다.MaterialApp( theme: lightTheme, darkTheme: darkTheme, themeMode: ThemeMode.system,)ThemeMode.system은 디바이스의 설정에 따라 자동 전환된다.🌞 라이트 & 🌚 다크 테마 설정아래는 각각의 테마를 설정하는 예시이다:final lightTh..