随着智能手机操作系统的升级，暗黑模式越来越受到用户的青睐。为了提供更好的用户体验，开发者们也积极跟进，将暗黑模式引入到自己的应用程序中。在Flutter中，我们可以很方便地适配暗黑模式，为用户提供更加舒适的视觉体验。
Flutter中的主题设置
在Flutter中，我们可以通过设置主题来实现暗黑模式的适配。首先，在MaterialApp中设置主题：
MaterialApp(
theme: ThemeData(
brightness: Brightness.light, // 亮色模式
primaryColor: Colors.blue,
),
darkTheme: ThemeData(
brightness: Brightness.dark, // 暗黑模式
primaryColor: Colors.indigo,
),
themeMode: ThemeMode.system, // 主题模式：根据系统设置自动切换
//...
)
在上述代码中，我们定义了两种主题：lightTheme和darkTheme，分别对应亮色模式和暗黑模式。并且使用themeMode: ThemeMode.system将主题模式设置为跟随系统设置自动切换。
根据主题设置主题颜色
除了设置亮色模式和暗黑模式外，我们还可以根据当前主题设置其他的颜色。例如，我们可以根据主题将按钮的背景颜色设置为不同的值：
FlatButton(
color: Theme.of(context).brightness == Brightness.dark
? Colors.indigo
: Colors.blue,
child: Text('Button'),
onPressed: () {},
)
在上述代码中，我们使用Theme.of(context).brightness获取当前的主题亮度，并根据当前主题亮度设置按钮的背景颜色。
图片适配暗黑模式
当用户切换到暗黑模式时，我们可能会希望显示不同的图片。Flutter中，我们可以通过条件判断来根据当前主题选择不同的图片资源：
Image(
image: Theme.of(context).brightness == Brightness.dark
? AssetImage('images/dark_mode_image.png')
: AssetImage('images/light_mode_image.png'),
)
在上述代码中，我们根据当前主题亮度选择不同的图片资源，从而实现图片的适配。
总结
通过设置主题和根据主题设置其他颜色，我们可以很方便地在Flutter应用程序中适配暗黑模式。同时，我们还可以根据主题选择不同的图片资源，为用户提供更加舒适的视觉体验。随着暗黑模式的普及，开发者们应该积极跟进，提供更好的用户体验。
本文来自极简博客，作者：柠檬微凉，转载请注明原文链接：Flutter中的深色模式：适配暗黑模式
