1回答

CrazyCodeBoy

2024-05-26

在Flutter应用中，默认情况下在调试模式（`debug` mode）下会在右上角显示一个“Debug”标志。如果你想在调试模式下隐藏这个标志，可以通过设置`debugShowCheckedModeBanner`属性来实现。

### 在`MaterialApp`或`CupertinoApp`中设置

你可以在`MaterialApp`或`CupertinoApp`的构造函数中设置`debugShowCheckedModeBanner`属性为`false`，这样可以隐藏右上角的“Debug”标志。

#### 示例代码：

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

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      debugShowCheckedModeBanner: false, // 设置为false隐藏Debug标志
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: MyHomePage(),
    );
  }
}

class MyHomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Home Page'),
      ),
      body: Center(
        child: Text('Hello, world!'),
      ),
    );
  }
}
```

### 使用`CupertinoApp`：

```dart
import 'package:flutter/cupertino.dart';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return CupertinoApp(
      title: 'Flutter Demo',
      debugShowCheckedModeBanner: false, // 设置为false隐藏Debug标志
      home: MyHomePage(),
    );
  }
}

class MyHomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return CupertinoPageScaffold(
      navigationBar: CupertinoNavigationBar(
        middle: Text('Home Page'),
      ),
      child: Center(
        child: Text('Hello, world!'),
      ),
    );
  }
}
```

通过将`debugShowCheckedModeBanner`属性设置为`false`，你可以在调试模式下隐藏右上角的“Debug”标志。这种方法在开发过程中可以更好地模拟应用在发布模式下的显示效果，同时在展示应用界面时显得更专业。

0

0