Flutter -- Hello World App English

Kommentare

Kommentar veröffentlichen

Beliebte Posts aus diesem Blog

Flutter -- Tutorial Teil 5 Navigator

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

Flutter Material Design Theme Data Part 1

Bild
Ein wiederkehrendes Thema bei jeder App ist die Farbgebung. Flutter bietet hier das Prinzip von theme an. D.h. man kann verschiedene Farbwerte, Fonts etc festlegen und später in der App verwenden bzw auf sie zugreifen. Ein theme verwenden wir innerhalb einer MaterialApp .  Indem wir MaterialApp verwenden erhalten wir Zugriff auf eine Reihe bequemer Möglichkeiten und Funktionalitäten um unsere App zu gestalten. In meinem Post zum Thema Containe r hatten wir schon einen Beispiel Code : In ihm entfernen wir nun alle Farbangaben und sehen, das die visuelle Erkennbarkeit der Container eigentlich verschwunden ist. Die Farbe blau, das schwarz für den Text, kommen also aus der Default  Einstellung von Flutter. Wenn wir unsere App als MaterialApp aufbauen, haben wir den Eintrag theme : . Ihn können wir auf verschiedene Arten verwenden. Die generelle Methode Mit theme:ThemeData.dark() , wenden wir ein Dunkles Theme auf unseren Screen an,  mit theme:ThemeData.light() ,...
Mehr anzeigen

Flutter -- Tutorial Teil 2 State und Co

Bild
Im ersten Teil dieses Tutorials sind wir schon auf ein paar Begriffe gestoßen, die für Flutter wichtig sind. Da wären Widgets, MaterialApp, und was mit extends , also eine Klasse erweitern, gemeint ist. Wir sollten uns noch einmal in Erinnerung rufen, das wir eine moderne Anwendung grob unterteilen können. Code der die Benutzeroberfläche erstellt und verwaltet und Code, der den Nutzwert des Programmes umsetzt. Eine Taschenrechner App braucht ebenso eine Benutzeroberfläche, wie eine Wetter App . Der Teil des Codes der den Nutzwert der App ermöglicht, dürfte aber sehr unterschiedlich sein. Taschenrechner und Wetter App benötigen wahrscheinlich Buttons, eventuell Bilder und ganz sicher Text. Das heisst vieles was man in Richtung Benutzeroberfläche programmiert, ist eventuell nicht nur in einem Projekt brauchbar. Sondern könnte, mit Anpassungen, in einem anderen wiederverwendet werden. Diese Erkenntnis führt zu dem Versuch den Code des Userinterfaces , von dem Code für die Busines...
Mehr anzeigen