Flutter Beispiel 2 Row Column Center

Im ersten Beispiel habe ich die Widgets Row und Colum verwendet.Für den Anfang nicht schlecht, auch wenn ich mit dem Center Widget nicht den gewünschten Effekt erzielt habe.

Im Code oben kommt als "oberstes" Widget ein Container zum Einsatz. In diesem, als Child, ein Spalten Widget (Column) mit zwei Reihen (Row) als Kinder.

Die erste Reihe hat wiederum einen Container Widget als Child, sowie auch ein Column Widget mit 2 Container Children als Kinder.  Dieses Prinzip..ein Widget hat ein "Kind" oder "Kinder", diese wiederum können auch Kinder haben etc ist charakteristisch für Flutter. Der Code kann da sehr schnell unübersichtlich werden, was Kommentare (was ich bei einem so kleinen Beispiel nicht gemacht habe ) wichtig macht, aber auch eine klare Struktur des eigenen Projekts. Der Code oben hat im übrigen als Ergebnis:
Beispiel 2
Inhalt zentriert
Im übrigen habe ich die Frage des zentrierens über MainAxisAlignement.center gelöst und nicht mit einem Center Widget.Hier der Code. Hier geht es zum nächsten Beispiel.
Standort: Zürich, Schweiz

Kommentare

Kommentar veröffentlichen

Beliebte Posts aus diesem Blog

Show Dialog in Flutter mit Callback Funktion

Bild
  Vor kurzem hatte ich in diesem Blog einen Post über AlertDialog(...) geschrieben. Photo by 수안 최 on Unsplash In diesem Zusammenhang bin ich dort auf, ShowDialog(...) gestossen. Es ist also keine schlechte Idee diese Funktion näher zu betrachten.  Im Zusammenhang mit AlertDialog(...) haben wir die Frage, was passiert wenn der Button gedrückt wurde, noch damit beantwortet, das der Anwender zurück auf den ursprünglichen Schirm kam.  In einer realen Anwendung wird man aber in der Regel zwei Buttons haben, ok und cancel zum Beispiel. Wir müssen diese zwei Buttons auswerten können. Grundlagen Ein Dialog in Flutter schwebt über allen anderen Bildschirmelementen. Er kann Buttons, aber auch zum Beispiel ein Bild, enthalten. Als Grundeinstellung wird der Hintergrund abgedunkelt. Um effektiv auf die Buttons reagieren zu können, benötigen wir ein Statefull Widget . Ich werde in diesem Post nicht weiter auf dieses Widget eingehen. In diesem Blog, aber auch im Internet, finden sich genug Info
Mehr anzeigen

Dart Final Const

Bild
Der Einsatz von  Final und Const in Dart ist nicht ganz einfach zu verstehen. Beide Schlüsselwörter deklarieren eine Variable, die explizit im Code initialisiert werden muss und im weiteren Verlauf nicht mehr veränderbar ist. Wir können zum Beispiel  deklarieren:  int zahl ; . Die Variable zahl ist nicht initialisiert und wird von Dart mit dem Wert  null belegt. Das sollte man nicht mit 0 verwechseln. null lässt sich am besten mit " undefiniert " übersetzen und ist ein Sprachkonstrukt, welches sich innerhalb von Dart auch benutzen bzw abfragen lässt. Im weiteren Verlauf des Programms können wir der Variable zahl werte zuweisen, sprich den Inhalt von zahl ändern. Bei final und const sieht das anders aus. const Beispiel Code: Die erste Variable wird const int tage deklariert. Jeder Versuch sie im weiteren Programmverlauf zu ändern, wird eine Fehlermeldung hervorrufen. Die zweite Variable entsteht aus einer Berechnung, wobei die erste mit einbezogen
Mehr anzeigen

Flutter -- Tutorial Teil 1 Grundsätzliches

Bild
Flutter ist das SDK von Google für die Entwicklung von App's für mobile Geräte. Ich gehe hier nicht auf die Installation ein, da gibt es genügend Ressourcen im Netz, angefangen mit der offiziellen Seite . Als IDE verwende ich Visual Studio Code , aber die Code Beispiele sollten, auch anstandslos in Android Studio laufen, beide übrigens kostenlos erhältlich. Ich persönlich habe beide installiert. Android Studio ist die ausgefeiltere Entwicklungsumgebung und hat mit den Möglichkeiten rund um den Android Emulator ein klares plus. Ich verwende trotzdem meistens Visual Studio Code, da das Programm auf meinem System im Vergleich weitaus schneller läuft. Flutter - Grundsätzliches Wer im Netz über Flutter recherchiert, wird ohne Zweifel auf den Begriff Widget stoßen. Real betrachtet handelt es sich dabei um Datenstrukturen, häufig ineinander verschachtelt. In der Flutter Welt konzipiert man eine Anwendung unter Verwendung dieser Widgets. Die Programmiersprache hinter Flutter i
Mehr anzeigen