Flutter: AppBar spielend einfach hinzufügen

Werbung

Je nachdem wie du ein neues Flutter Projekt erstellt hast, siehst du bereits eine AppBar. Ich bin eher der Freund davon, eine mit einer sauberen Anwendung zu beginnen. Daher habe ich auch Visual Studio Code so eingerichtet, dass mir nicht die typische Demo App von Flutter erzeugt wird.

Wer kennt sie nicht, die Flutter Demo App.

Daher lösche ich immer erst den kompletten Code aus der /lib/main.dart heraus.

Werbung

Falls du mal ein Projekt vorfindest in der es keine AppBar gibt, aber ein Scaffold Widget, dann kannst du dort einfach die AppBar hinzufügen mit appBar: AppBar()

Hier ein Beispiel dazu:

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

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: const Text('Meine App'),
        ),
      ),
    );
  }
}

Flutter: Roten Debug Banner entfernen

Nach dem Start einer Flutter App mit einem Emulator siehst du in der rechten oberen Ecke einen Debug Banner. Oft braucht man den Banner nicht, weil man ja weiß, dass man die Anwendung im Debug Modus gestartet hat.

Um den Banner loszuwerden, brauchst du nur in der main.dart im Widget MaterialApp den Schalter für debugShowCheckedModeBanner auf false zu setzen mit

debugShowCheckedModeBanner: false