Skip to content

05. Cheatsheet

AnleAnja edited this page Jun 13, 2020 · 28 revisions

Die wichtigste Ressource zur Bearbeitung der Aufgaben ist die Flutter API Referenz Dokumentation. Hier lassen sich alle Bestandteile von Flutter nachschlagen (Widgets, properties, functions, etc.)

Aufgabe 1

In Aufgabe 1 könnt ihr in erster Linie testen, wie man das Styling von UI Elementen mit HTML und CSS auf Flutter übertragen kann. Das Ziel ist es, eine Bildergalerie aus der String Liste _urls im gegebenen GridView zu erstellen, alle anderen Elemente könnt ihr aber beliebig hinzufügen und stylen, wie ihr wollt (z.B. Untertitel hinzufügen, Schriftfarbe ändern, Padding, Hintergrundfarbe etc.).

Relevante Code Elemente

Ihr könnt die gesamte Aufgabe im itemBuilder lösen. Dieser kann ein Widget zurück geben, welches wiederum das eigentliche Bild als Kind-Widget enthält. Das Bild kann mit Image.network(_urls[index]) aufgerufen werden.

Styling in Flutter

Wie ihr die bekannten Konzepte aus HTML und CSS in Flutter übertragen könnt, könnt ihr hier nachlesen.

Beispielergebnis

Aufgabe 1

Clone this wiki locally