[Flutter] 다크모드 간단하게 추가하기
시리즈의 전체목록을 보려면 링크를 눌러주세요
Flutter의 앱 시작시점에서 만드는 위젯은 MaterialApp입니다.
MaterialApp 클래스의 속성 중 theme, dartTheme 만 설정해서 앱에 간단히 다크모드 지원을 추가할 수 있습니다.void main() => runApp(MyApp());class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Flutter Demo',
theme: ThemeData(),
darkTheme: ThemeData.dark(),
home: Container(),
);
}
}
darkTheme는 앱의 디스플레이 설정에서 다크모드가 켜져있을때 자동으로 적용됩니다.
시스템이 다크모드가 아닌 경우 다크모드를 적용하려면 theme 속성에 다크모드 ThemeData 설정을 적용하면 됩니다. 이 부분은 다음에 추가합니다.