Flutter Beispiel 3 Row Column Center Text Icon

Hier kommt die aktuelle Version meines Lehrbeispiels für Flutter. Ohne Anspruch auf gute, effiziente Programmierung ging es mir hier nur darum Flutter Widgets im Einsatz zu testen bzw. auszuprobieren. Auch in Flutter gilt, man lernt in dem man es tut und wahrscheinlich, in dem man es falsch tut. Das Ergebnis meines "Ausprobierens" :

Drei Icons, ein wenig Text und die Erkenntnis, das ich das Layout Prinzip von Flutter beginne zu verstehen, aber noch nicht gänzlich durchschaut habe. Prinzipiell kann man sagen, das es wichtig ist, in welcher Reihenfolge Flutter die Elemente auf den Bildschirm zeichnet. Hinzu kommt, das jedes Element oder besser jedes Layout Element eigene Eigenschaften besitzt, die Auswirkungen darauf haben können, wie das Element im Kontext mit anderen Elementen auf dem Bildschirm dargestellt wird. Zu guter letzt..hier der Code. Und hier geht es weiter zum nächsten Beispiel!

Kommentare

Beliebte Posts aus diesem Blog

Material Design in Flutter Teil 2

Dart Basic: Listen Part 1

Listen in Dart (2021): Part 1 List.filled List.empty und List.add