Flutter 2021 - Funktion im Widget (Android Studio)

Solltest Du die Post's dieser kleinen Serie gelesen und nachvollzogen haben, wird Dir eines aufgefallen sein: Bisher haben wir eine Grundstruktur für eine Anwendung erstellt, in dem wir Flutter Widgets eingesetzt haben. 

Jetzt lässt sich eine sinnvolle Anwendung in Flutter nicht nur mit Widgets bewerkstelligen. Die Programmlogik musst Du schon selbst beisteuern. 

In diesem Post implementiere ich die erste "eigene" Funktion. Code also, der nichts mit einem Widget zu tun hat.


Wo stehen wir ?

Im main.dart File haben wir folgenden Code:



Du siehst im Code, das mit body: das Stateless Widget ErsterScreen eingebunden wird. Der Code dazu:

Wo könnte ich nun eigenen Code einbauen ? Da main.dart das Grundgerüst der Anwendung enthält, bietet sich hier ErsterScreen an ! Dieses Widget druckt ja einen Text auf den Bildschirm.

Alles Zufall ?


Gleich vorneweg: Im Beispielcode werde ich eine Zufallszahl generieren. Du musst dazu die dart:math Library in Deinen Code einbinden.
Mit dieser Library können wir einen Generator für Zufallswerte verwenden:

Zufall
Sollte Dir der Code noch etwas seltsam vorkommen,  den Post zu Zufallswerten mit der Programmiersprache Dart findest Du hier!
Der Code generiert einen zufälligen integer Wert, 0 - 9, und retourniert ihn innerhalb einer Zeichenkette an die aufrufende Instanz. Hier der komplette Code von ErsterScreen:

Codebeispiel acht

Wenn Du den Code oben betrachtest wirst Du folgendes feststellen:

meineGlucksZahl(...) : Der Code steht außerhalb der build(...) Methode, aber innerhalb der ErsterScreen Klasse.
In der ersten Version von ErsterScreen habe ich den Text direkt im Widget implementiert. Im Code oben wird er über die Funktion eingebunden.

Wenn Du den Code im AVD (Emulator) ausführen lässt, wird die Zufallszahl auf den Bildschirm gedruckt. Mit Verwendung von Hot Reload ändert sich diese zufällig. Teste es ruhig ! Bis bald.



Standort: Zürich, Schweiz

Kommentare

Kommentar veröffentlichen

Beliebte Posts aus diesem Blog

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

Bild
  Vor langer Zeit hatte ich in diesem Blogg schon einmal das Thema Listen aufgegriffen. Im ersten Post dazu, anhand eines einfachen Beispiels. Anschliessend war die Iterable Klasse ein Thema, welche mit der List Klasse einen engen Bezug hat. Abschließend wurde das Thema dann noch in einem zweiten Post vertieft. Wie oben geschrieben war das vor langer Zeit und es macht Sinn das Thema noch einmal aufzugreifen und sei es nur um das Wissen dazu aufzufrischen. Alle Code Beispiele wurden mit Dart 2.13, Null safety aktiviert, getestet . 2 Sorten von Listen Dart stellt zwei Arten von Listen zur Verfügung: eine mit fixer Grösse und eine die "wachsen" kann. Im Code oben sehen Sie zwei Versionen, wie Sie eine Liste definieren können. Wichtig dabei ist, das Sie die leere Liste erst dann über den Index ansprechen können, wenn Sie mindestens einen Eintrag hinzugefügt haben !  Im Vergleich zu früheren Dart Versionen hat sich das erstellen einer Liste mit fixer Länge geändert. Aktuell
Mehr anzeigen

Dart und Klassen

Bild
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
Mehr anzeigen

Dart Basic: Strings Part 1

Bild
Dart Die Manipulation von Zeichenketten ist eine wiederkehrende Aufgabe in der Programmierung. Natürlich hat auch Dart diverse Möglichkeiten mit Zeichenketten umzugehen. Dieser Serie wird auf einige eingehen. Basis Alles in Dart ist letztendlich ein Objekt. Auch der Datentyp String ist ein Objekt, beziehungsweise, die entsprechenden Variablen die wir erstellen. In der dart:core Library ist die String Klasse implementiert. Die Dokumentation dazu ist, wie bei Dart üblich, hervorragend. Ich kann nur empfehlen, sich eingehend damit zu beschäftigen. Zum testen kann man das DartPad verwenden. Es ist ideal für kleine Programme und erste Schritte in Dart. Eine Zeichenkette einer Variablen zuweisen Einfache Zuweisung von Strings Links sehen wir zwei einfache Zuweisungen. Einmal an die Variable test , diese ist vom Typ String . Das andere Mal an test1 , diese wiederum ist vom Typ var . Beides ist legitim, obwohl ein kleiner Unterschied besteht. Während String test
Mehr anzeigen