Flutter Widgets - Column II

Im ersten Post zu diesem Thema haben wir ein ganz einfaches Beispiel genommen. Hier ein weiteres:

Quellcode: Column zentriert
Dieser Beispielcode, wenn in Android Studio ausgeführt, ergibt bei der Ausführung folgendes Bild:
Android Studio AVD Ausgabe
Die Zentrierung erreicht man, indem das Column Widget als "Child" eines Center Widgets implementiert ist. In diesem Fall wurden die drei Text-Widgets vom ersten Beispiel, mit Container-Widgets ersetzt. Damit lassen sich jetzt einige Dinge testen. Mehr in Kürze !
Standort: Zürich, Schweiz

Kommentare

Kommentar veröffentlichen

Beliebte Posts aus diesem Blog

Dart Basic: abstract class Part 1

Bild
Photo by Elijah O'Donnell / unsplash.com In diesem Artikel betrachten wir die abstrakte Klassen in Dart. Was ist der Nutzen ? Normale Klassen können auf eine Vielzahl von Arten benutzt und manipuliert werden. Dabei steht die Wiederverwendbarkeit der Klassen und den davon abgeleiteten Objekten im Vordergrund. Abstrakte Klassen bringen nun auf der einten Seite Einschränkungen mit sich, gewähren dafür aber in gewisser Beziehung auch grössere Freiheiten . Wenn man durch die Dart Bibliotheken stöbert wird man auf nicht wenige davon stoßen. Man darf ruhig davon sprechen, das sie eine elementare Rolle in Dart spielen Details Hier links sehen wir, das das Schlüsselwort abstract den Unterschied zu der normalen Klassendefinition ausmacht.   Hier aber gleich zum ersten, wesentlichen Unterschied zu"normalen" Klassen in Dart : von einer abstrakten Klasse, kann man nicht direkt ein Objekt ableiten!  Jeder Versuch das zu tun wird am Compiler scheitern. Selbs...
Mehr anzeigen

Flutter: ein eigenes Widget erstellen und einbinden

Bild
Wenn man sich mit Flutter beschäftigt, stößt man früher oder später an Grenzen. Dabei meine ich jetzt nicht eine spezifische Problemstellung, sondern vielmehr die Strukturierung und die Organisation des eigenen Codes. Das mag einem geübten, professionellen Programmierer nur ein müdes Lächeln entlocken. Menschen die programmieren lernen, ob jetzt aus beruflichen Gründen, oder aus Spaß an der Sache, eher weniger. In diesem Post schauen wir uns deshalb, die Möglichkeit an ein Custom Widget zu verwenden. Starter Code  Über die letzten Artikel habe ich den Starter Code eigentlich nicht mehr verändert. Er dient als Anker für die Demo Widgets die ich erstelle, um Flutter zu testen: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 import 'package:flutter/material.dart' ; import 'package:flutter/rendering.dart' ; import 'package:tutflutter_002/meine_widgets.dart' ; void main() { debugPaintSizeEnabled = false; runApp(MeinDemo()); }...
Mehr anzeigen

Dart Basic: abstract class Part 2

Bild
Im letzten Artikel zu diesem Thema, sind wir in die Materie abstract class in Dart eingestiegen. In diesem Post schauen wir uns weitere Aspekte an. Wir haben gelernt, das wir von einer abstrakten Klasse nicht direkt ein Objekt erzeugen können. Wir können sie aber mit extends erweitern und ergänzen. Sollte diese Klasse auch abstrakte Methoden implementieren, müssen wir diese zwingend in unserer "erweiterten" Klasse umsetzen. Jetzt hatten wir schon im letzten Artikel zu diesem Thema die Frage nach dem Nutzen gestellt und das Beispiel einer Benutzerverwaltung  erwähnt. Hier noch ein anderer Blickwinkel: Wenn wir mit abstrakten Klassen arbeiten, zwingen wir uns, oder wenn sie vorgegeben werden, werden wir gezwungen, uns an gewisse Vorgaben zu halten.  Vor allem in grösseren Codeprojekten ist das ein nicht zu unterschätzender Faktor. Im Code oben sehen wir eine abstrakte Klasse mit zwei abstrakten Methoden und einer "normalen". Anschließend implement...
Mehr anzeigen