Notice
Recent Posts
Recent Comments
Link
«   2025/02   »
1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28
Today
Total
관리 메뉴

메모장

[Flutter] Debug 배너 제거하기 본문

개발/Flutter

[Flutter] Debug 배너 제거하기

아나도개발잘하고싶다 2024. 9. 4. 10:41

debugShowCheckedModeBanner 속성을 사용하면 debug 배너를 간단하게 제거할 수 있습니다. 이 속성은 MaterialApp 위젯이나 CupertinoApp 위젯의 파라미터로 설정되며, 기본값은 true로 설정되어 있어 배너가 표시됩니다. 이를 false로 설정하면 배너가 제거됩니다.

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

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false, // debug 배너 제거
      title: 'My Flutter App',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: MyHomePage(),
    );
  }
}

class MyHomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Flutter Debug Banner 제거'),
      ),
      body: Center(
        child: Text('Debug 배너가 보이지 않습니다!'),
      ),
    );
  }
}

요약

  • MaterialApp 위젯에 debugShowCheckedModeBanner를 false로 설정하면 배너가 제거됩니다.