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

Mac OS Bluetooth Maus nach Ruhezustand wieder aufwecken

Mac Bluetooth Maus

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 funktioniert danach die Maus nicht mehr.

Wenn unter Mac OS die Bluetooth-Maus nach dem Ruhezustand nicht mehr funktioniert, kann man versuchen Bluetooth ein- und wieder auszuschalten. Das lässt sich auch per Tastatur Befehl ausführen.

Weiterlesen

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 schon Erfahrung mit CSS haben.

Was ist Flexbox?

Bei Flexbox handelt es sich um einen CSS3 Layout Mode um Elemente besser und effektiv anzuordnen. Du brauchst keine Floats mehr.

Ich hasse Floats. Ich habe Floats schon immer gehasst. Ja, vielleicht weil ich das nicht komplett verstanden habe. Aber wer hat das schon?

Mit Flexbox lassen sich einfach responsive Layouts umsetzen. Später auch in Kombination mit CSS Grid.

Ein weiteres „Feature“ von Flexbox ist die Positionierung der Elemente ohne das HTML ändern zu müssen.

Weiterlesen

Der Unterschied zwischen null und undefined in Javascript

Javascript Unterschied Null Undefined

Jahrelang war ich mit Javascript auf Kriegsfuß. Ich war froh, wenn jemand anderes sich darum gekümmert hat und ich mich einfach nur mit PHP beschäftigen durfte.

In letzter Zeit schaue ich mir allerdings gerne CSS, Bootstrap, React, Javascript und hier insbesondere das Modern Javascript an.

Irgendwie bin ich dann auf die Frage gestoßen was der Unterschied zwischen null und undefined in Javascript ist.

Im ersten Augenblick könnte man denken, dass es sich um das Gleiche handelt. Doch dieser Artikel wird dir die Unterschiede und Gemeinsamkeiten zeigen.
Weiterlesen