如何使用Flutter检查iOS/Android上是否启用了暗模式？

在Flutter中，检查iOS或Android设备是否启用了暗模式是一个相对简单的过程。Flutter提供了一些内置的工具和API来帮助我们轻松获取当前主题模式。以下是检查设备是否启用暗模式的步骤：

1. 使用 MediaQuery 获取当前主题亮度

Flutter框架中的 MediaQuery 类可以让我们访问有关媒体查询的信息，包括设备的亮度（明亮模式或暗模式）。我们可以通过以下方式检查当前主题：

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

class MyWidget extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    // 获取当前主题亮度
    var brightness = MediaQuery.of(context).platformBrightness;

    // 根据亮度值判断是否启用了暗模式
    bool isDarkMode = brightness == Brightness.dark;

    return Scaffold(
      body: Center(
        child: Text(isDarkMode ? "暗模式已启用" : "暗模式未启用"),
      ),
    );
  }
}

在这个示例中，我们通过 MediaQuery.of(context).platformBrightness 获取当前设备的亮度设置。如果它返回 Brightness.dark，则表示设备处于暗模式。

2. 在 ThemeData 中使用 Theme 来获取当前主题亮度

另一种方法是直接使用 Theme 类来获取当前主题的亮度：

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

class MyWidget extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    // 直接通过 Theme 获取当前主题亮度
    var brightness = Theme.of(context).brightness;

    // 判断是否启用了暗模式
    bool isDarkMode = brightness == Brightness.dark;

    return Scaffold(
      body: Center(
        child: Text(isDarkMode ? "暗模式已启用" : "暗模式未启用"),
      ),
    );
  }
}

在这个示例中，Theme.of(context).brightness 会返回当前主题的亮度设置，其工作原理类似于 MediaQuery，但它是直接关联到当前的主题数据。

总结

通过以上两种方法，我们可以轻松地检查Flutter应用中设备是否启用了暗模式。这对于提供更好的用户体验和界面适应性是非常有用的，尤其是在需要根据主题动态更改UI元素的场景中。