如何在Flutter中全局移除所有路由的调试横幅

核心解决方案：配置顶层容器全局属性 #

直接在应用的根MaterialApp（或iOS风格的CupertinoApp）组件中设置debugShowCheckedModeBanner: false，就能一次性全局隐藏所有现有页面及未来新增路由的调试横幅，无需逐个页面单独配置。

示例代码（MaterialApp场景） #

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      // 全局关闭调试横幅
      debugShowCheckedModeBanner: false,
      theme: ThemeData(primarySwatch: Colors.blue),
      home: const MyHomePage(title: 'Flutter Demo Home Page'),
    );
  }
}

原理说明 #

Flutter的MaterialApp是所有路由页面的顶层容器，它的debugShowCheckedModeBanner属性会统一控制所有子页面的调试横幅显示状态，和你提到的Android全局配置styles.xml的思路完全一致——一次性配置后，所有页面自动生效，新增页面也无需额外修改。若使用CupertinoApp，只需在该组件上设置相同属性即可实现同样效果。

内容的提问来源于stack exchange，提问作者DBG