Flutter -- Hello World App English

Kommentare

Kommentar veröffentlichen

Beliebte Posts aus diesem Blog

Dart - Kapitel I

Alles in Dart ist ein Objekt. Beim erlernen dieser Programmiersprache sollte man sich dies immer  vor Augen halten! void main(){ // hier steht das "Hauptprogramm" } Das ist das Grundgerüst jedes Dart Programms.  Die main() Funktion ist der Einstiegspunkt in unser Programm. Hier sehen wir auch, wie Kommentare einzufügen sind, was mit // geschieht. Teile des Programmes können und werden sich auch ausserhalb der main() Funktion befinden, aber dazu später mehr. Was wäre ein Programm ohne Variablen ? Genau, das ist nicht möglich! Variablen lassen sich Werte zuweisen, sie können im Programm weiterverwendet und, bis auf Ausnahmen, auch geändert werden: void main(){ String name; String name2 = "max"; } Oben definieren wir einen String (Zeichenkette) mit der Bezeichnung " name ", also unsere erste Variable. Wir weisen ihr aber nichts zu. D.h. aber jetzt nicht, das diese Variable leer ist. Für den Dart Compiler hat diese Variable den Wert NULL ...
Mehr anzeigen

Flutter -- Tutorial Teil 6 Provider Part 2

Bild
In Part 1 zum Thema Provider haben wir den Code vorbereitet, auf den wir das "Muster" Provider anwenden möchten. Noch einmal zur Erinnerung: Der Code wurde in Visual Studio Code getestet, sollte aber auch in Android Studio problemlos laufen. Der Beispiel Code wurde dem Video von RetroPortalStudio entnommen. Ich empfehle sich das Video anzuschauen, vorausgesetzt man besitzt genügend Englisch Kenntnisse, um dem Audio Kommentar zu folgen. Als erstes werden wir unser Scaffold Widget in ein neues Widget einbetten. Visual Studio Code unterstützt uns dabei mit "Wrap with new Widget" !  Man klickt dazu auf die kleine Glühbirne und wählt im Drop Down Menu den entsprechenden Eintrag aus.  ChangeNotifierProvider(...)  heisst unser neues Widget und ist durch den Import von provider.dart verfügbar geworden: 1 2 3 4 5 import 'package:flutter/material.dart' ; import 'package:provider/provider.dart' ; import 'wetterinfo.dart' ; ...
Mehr anzeigen

Flutter Beispiel 6 -- BoxDecoration

Bild
Container -- mit BoxDecoration Container in Flutter kann man leicht unterschätzen. Manche vergleichen sie mit dem Div-Tag in Html. Sie gehören aber zu den häufigst gebrauchten Flutter Widgets, wenn es darum geht ein Layout zu programmieren. Hier links sehen wir ein einfaches Rechteck, mit blauer Hintergrundfarbe und einem zentrierten Text. Hier der Code dazu auf GitHub. Mit Verwendung von BoxDecoration können wir den Rand, den Körper des Containers, und gegebenenfalls den Schattenwurf des Containers kontrollieren. Dieser Container kann rechteckig, aber auch rund sein. Wichtig dabei ist auch zu wissen, wie Flutter diesen auf den Bildschirm bringt. Flutter zeichnet dabei in Ebenen. Die erste ebene die gezeichnet wird, ist die Hintergrundfarbe, welche den Container ausfüllt. Sollten wir dabei noch einen Gradienten definiert haben, kommt der als nächstes obendrauf. Beide Arten füllen den Container komplett aus. Sollte der Container noch ein Bild enthalten, wird dieses als näc...
Mehr anzeigen