Ein Blog rund um moderne Webtechnologien. Schwerpunkte sind die Programmiersprache Dart, und das SDK Flutter von Google. Die Posts enthalten in der Regel getestete Code - Beispiele.
AppBuilder 2
Link abrufen
Facebook
X
Pinterest
E-Mail
Andere Apps
Hier ein nützliches Tool um Flutter Widgets und den dazugehörigen Quellcode zu testen:
Im Teil 1 dieses Kurses sind wir in das Thema programmieren mit Dart eingestiegen und haben uns das minimale Grundgerüst eines Dart Programmes angeschaut. Zum nachvollziehen der Beispiele sei hier das DartPad empfohlen. Die Programmiersprache lässt sich zwar mit diesem webbasierten Editor nicht in Gänze nutzen. Für die ersten Schritte aber reicht es allemal. Hier noch einmal das Beispiel: 1 2 3 void main() { } Natürlich ist dieses Grundgerüst sinnfrei, weil es macht, genau..es macht nichts . Der main() Block , wo weitere Befehle stehen sollten, ist leer. Mit einem Programm löst man eine Problemstellung Problemstellung : Wir möchten drei Zahlen addieren und das Ergebnis auf dem Bildschirm ausgeben . Natürlich, in der realen Welt würden wir versuchen, die Zahlen im Kopf zu berechnen, oder wir nehmen dazu einen Taschenrechner zur Hand. Wie aber lösen wir das mit Dart in einem Programm ? Die wichtige Rolle von Variablen Wir wollen also drei Zahlen addieren, d.h. wir müssen ...
Dart und Klassen -- ein erstes Beispiel Objekte und Klassen sind wesentliche Bestandteile der objektorientierten Programmierung. Ich habe eine kleines Video zu meinen ersten Erkenntnissen in diesem Bereich gemacht: Im Video oben wurde die Klasse mitArbeiter definiert. Anschließend eine Funktion bzw im Klassen/Objekt Kontext eine Methode des selben Namens: mitArbeiter() . Sie übernimmt als Argumente 3 Strings. Was hat es damit auf sich ? Bei der Erstellung einer Klasse können wir Konstruktoren definieren, was an sich eine Funktion ist, die den gleichen Namen wie die Klasse trägt. Sie hat Zugriff auf die Variablen innerhalb der Klasse. Ganz am Anfang der Klasse definieren wir: String nachName; Diese Variable hat nach Erzeugung des neuen Klassenobjekts nmitarbeiter, den Wert NULL, was nichts anderes heißt, als das die Variable leer ist. Ein String den wir übergeben haben, den ersten, ist der Nachname. Mit this.nachName = nachName wird der anfangs leeren Stringva...
Im letzten Teil dieser Serie sind wir auf das Stateful und das Stateless Widget eingegangen. Flutter -- Tutorial Teil 1 Grundsätzliches Flutter -- Tutorial Teil 2 State und Co Flutter -- Tutorial Teil 3 Starter Code Flutter -- Tutorial Teil 4 StatefulWidget StatelessWidget Flutter -- Tutorial Teil 5 Navigator -- Du bist hier ! Wir erinnern uns: das Stateless Widget ist an sich nicht dazu gedacht Inhalte zu enthalten, auf die wir später direkt zugreifen wollen. Das Stateful Widget unterstützt genau dieses. Ein Großteil von den Möglichkeiten die Flutter bietet, unterstützt uns bei der Erstellung einer Benutzeroberfläche. Diese ermöglicht dem Benutzer z.b. Buttons zu clicken / drücken, Texteingaben zu machen, etwas abzuspeichern. Dabei bestehen die wenigsten Benutzeroberflächen nur aus einem Bildschirm / View, sondern implementieren meistens mehrere Screens, um den Benutzer durch die App zu navigieren. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 ...
Kommentare
Kommentar veröffentlichen