Flutter中Android无障碍粗体文本逻辑异常如何修复

安全阿岳

2026-8-14

修复Flutter应用跟随系统无障碍粗体文本的逻辑异常问题

问题根源

你代码里的核心问题是硬编码强制设置boldText: true，完全覆盖了系统无障碍设置的实际值：

通过MediaQueryData.fromWindow()已经能获取到系统的粗体文本开关状态，但你用copyWith(boldText: true)强制将其改为true，导致无论系统是否开启粗体，应用内文本都显示粗体。
配合useInheritedMediaQuery: true，MaterialApp会继承你手动创建的这个被篡改的MediaQuery，最终出现"系统关闭粗体时应用反而变粗"的逻辑反转。

修复方案

只需要移除对boldText的硬编码修改，让应用使用系统原生的无障碍设置值即可，有两种简洁的实现方式：

方式一：移除自定义MediaQuery（推荐）

MaterialApp会自动处理系统的MediaQuery参数，包括无障碍粗体设置，直接删除外层的MediaQuery包裹：

class MyApp extends StatelessWidget {
  const MyApp({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: const MyHomePage(title: 'Flutter Demo Home Page'),
    );
  }
}

方式二：保留自定义MediaQuery但不修改粗体设置

如果需要自定义其他MediaQuery参数，只需保留系统原始的boldText值：

class MyApp extends StatelessWidget {
  const MyApp({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return MediaQuery(
      // 直接使用系统原始的MediaQuery数据，不修改boldText
      data: MediaQueryData.fromWindow(WidgetsBinding.instance!.window),
      child: MaterialApp(
        title: 'Flutter Demo',
        useInheritedMediaQuery: true,
        theme: ThemeData(
          primarySwatch: Colors.blue,
        ),
        home: const MyHomePage(title: 'Flutter Demo Home Page'),
      ),
    );
  }
}