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…
  • Warum man in Blade lieber @if(! $user->isAdmin)… In Laravel Blade, der Templating-Engine des Frameworks, haben Entwickler verschiedene Möglichkeiten, Bedingungen in Templates zu implementieren. Ein häufiges Thema bei der Arbeit mit Bedingungslogik ist die Wahl zwischen den beiden…
  • 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…
  • 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…
  • PHP Modul ctype: Überprüfen von Zeichenketten mit… Das PHP Modul ctype bietet dir Funktionen, die es ermöglichen, den Typ von Zeichen in einer Zeichenkette zu überprüfen. Du kannst zum Beispiel überprüfen, ob alle Zeichen in einer Zeichenkette Buchstaben, Ziffern,…