Flutter: AppBar spielend einfach hinzufügen

Veröffentlicht am von
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'),
        ),
      ),
    );
  }
}

Auch interessant:

  • 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…
  • Auf dem Mac mehrere PHP Versionen installieren Obwohl ich oft Docker benutze, benötige ich direkt auf dem Mac gelegentlich unterschiedliche PHP Versionen. Meistens um schnell mit composer install ein Projekt zu initialisieren, welches nicht auf der neuesten…
  • CSS Flexbox - Crash Kurs Dieser Crash Kurs ist für absolute Flexbox Anfänger und soll nur einen schnellen Einblick in CSS Flexbox sein. Du musst vorher noch nichts von Flexbox gehört haben. Allerdings solltest du…
  • Union Types in PHP Ab PHP 8.0 sind Union Types einsetzbar. Damit sind jetzt auch mehrere Definitionen von Datentypen bei Parametern, Eigenschaften und Rückgabewerten möglich. Ab PHP 8.2 sind auch Intersection Types möglich, das…
  • Mac OS Bluetooth Maus nach Ruhezustand wieder aufwecken Normalerweise sollte eine Bluetooth-Maus den Ruhezustand des Mac beenden (wenn richtig konfiguriert). Leider funktioniert das nicht immer. Bei mir kann ich den Ruhezustand mit der Bluetooth Tastatur beenden, aber manchmal…