Flutter Advanced Examples

Flutter Framework的示例應用程序

Beispiel Applikation für das Flutter Framework mit komplexeren Beispielen.

Das dazugehörige Repository ist unter https://github.com/Ephenodrom/FlutterAdvancedExamples zu finden.

Beispiele :

1) Filtering list

Sortieren einer Liste von Objekten nach verschiedenen Filtern. Das Beispiel enthält eine Liste von Fahrzeugen, die auf verschiedene Weise gefiltert werden können.

Dokumentation : https://github.com/Ephenodrom/FlutterAdvancedExamples/tree/master/lib/examples/filterList

2) Reading json file

Lesen einer Json-Datei aus dem Asset-Ordner und Anzeigen des Inhalts in der UI.

Dokumentation : https://github.com/Ephenodrom/FlutterAdvancedExamples/tree/master/lib/examples/readingJsonFile

3) Managing favorites in shared preferences

Markieren von Elemente aus einer Liste als Favoriten und speichern der Favoriten in den "shared preferences". Das Beispiel enthält eine Liste von Mahlzeiten. Jede Mahlzeit kann als Favorit gekennzeichnet werden.

Dokumentation :

https://github.com/Ephenodrom/FlutterAdvancedExamples/tree/master/lib/examples/managingFavoritesInSharedPreferences

4) Managing inputs within a modal or bottom sheet

Auslagern von Checkboxes, Radiobuttons und Switches in einem Modal- oder Bottomsheet.

Dokumentation :

https://github.com/Ephenodrom/FlutterAdvancedExamples/tree/master/lib/examples/managingInputsWithinModalBottomsheet

5) Shopping Cart

Ein einfacher Warenkorb mit der Möglichkeit, Artikel hinzuzufügen und zu entfernen. Das Beispiel besteht aus einem App-Bar-Symbol, das die Anzahl der Artikel im Warenkorb anzeigt, einem Produktlistenbildschirm und einem Einkaufswagenbildschirm, der alle Artikel des Warenkorbs und die berechneten Kosten des Warenkorbs anzeigt. In diesem Beispiel wird die BLOC-Logik verwendet.

Dokumentation :

https://github.com/Ephenodrom/FlutterAdvancedExamples/tree/master/lib/examples/shoppingCart

6) Global Message

Zeigt Nachrichten an, die an beliebiger Stelle in der App erstellt wurden. Es muss einfach eine Message an den MessageBloc gegeben werden und der MessageWrapper wird diese anzeigen. In diesem Beispiel wird die BLOC-Logik verwendet.

Dokumentation :

https://github.com/Ephenodrom/FlutterAdvancedExamples/tree/master/lib/examples/globalMessage