Flutter 嵌套 MaterialApp 时 debugShowCheckedModeBanner 不生效的解决方法

Flutter 嵌套 MaterialApp 时 debugShowCheckedModeBanner 不生效的解决方法

这个问题可能是因为您在嵌套 MaterialApp 时没有将 'debugShowCheckedModeBanner' 设置为 'false' 的代码放在正确的位置。

当您嵌套 MaterialApp 时，每个 MaterialApp 都有自己的根 BuildContext。因此，如果您想在嵌套的 MaterialApp 中隐藏调试横幅，请确保将 'debugShowCheckedModeBanner' 设置为 'false' 的代码放在最内部的 MaterialApp 中。

以下是一个示例代码，其中包含两个嵌套的 MaterialApp。在这个示例中，我们将 'debugShowCheckedModeBanner' 设置为 'false' 的代码放在了内部 MaterialApp 中：

import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      home: Scaffold(
        body: Center(
          child: Container(
            child: MaterialApp(
              debugShowCheckedModeBanner: false,
              home: Scaffold(
                appBar: AppBar(
                  title: Text('Nested MaterialApp'),
                ),
                body: Center(
                  child: Text('Hello World!'),
                ),
              ),
            ),
          ),
        ),
      ),
    );
  }
}

在这个示例中，两个 MaterialApp 都将调试横幅隐藏了，因为我们将 'debugShowCheckedModeBanner' 设置为 'false' 的代码放在了内部 MaterialApp 中。

请注意，这个问题可能还与其他因素有关，例如是否在调试模式下运行应用程序。如果您还遇到问题，请提供更多的代码和详细信息，以便我们更好地帮助您解决问题。