Flutter 101

Projektentwicklung mit Flutter

© Dominik Schumann - 2023 - fv.doryphmo.com

Wer bin ich?

  • Name: Dominik Schumann
  • Job: Software Engineer
  • Arbeitgeber: Maibornwolff
  • Abschluss: Bachelor of Science @ HWR
© Dominik Schumann - 2023 - fv.doryphmo.com

Wichtige Links

Material Design
Flutter Documentation Our Repo Material Design
© Dominik Schumann - 2023 - fv.doryphmo.com

Kontakt

e_schumannd@doz.hwr-berlin.de

© Dominik Schumann - 2023 - fv.doryphmo.com

Quick Recap

  • flutter/dart basics
  • Netzwerk Funktionen
© Dominik Schumann - 2023 - fv.doryphmo.com

Heutiger Plan

  • JSON Serializiering in cool
  • Firebase als Backend
  • Zeit fürs Projekt
© Dominik Schumann - 2023 - fv.doryphmo.com

Update 5. Aufgabe

Nutzt das http package, um eine Schnittstelle von https://dummyjson.com anzusprechen und zeigt die Daten in eurer App an.

Kurze Vorstellung

© Dominik Schumann - 2023 - fv.doryphmo.com

JSON Serialisierung

in cool

© Dominik Schumann - 2023 - fv.doryphmo.com

Problem:


Das ist doof, und lässt sich schlecht lesen...

© Dominik Schumann - 2023 - fv.doryphmo.com

JSON Serializable

© Dominik Schumann - 2023 - fv.doryphmo.com

JSON Serializable:

  • kümmert sich um die Serialisierung von JSONs
  • generiert Datein die die Arbeit abnehmen
  • wird mit Decoratoren gesteuert (@)
© Dominik Schumann - 2023 - fv.doryphmo.com

Model muss mit Decoratoren definiert werden:

© Dominik Schumann - 2023 - fv.doryphmo.com

Import dependencies:

Starte build_runner um Code zu generieren:

flutter pub run build_runner build
© Dominik Schumann - 2023 - fv.doryphmo.com

Generierter Code stellt:

  • eine ToJson Funktion
  • eine FromJson Funktion

bereit.

Diese wollen wir für andere verfübgar machen.

© Dominik Schumann - 2023 - fv.doryphmo.com

© Dominik Schumann - 2023 - fv.doryphmo.com

6. Aufgabe

Nutzt das json_serializable package, um eure JSONs in Modelle umzuwandeln.

Tip: Versucht als Rückgabewert eures Repositories Nicht List<Todo> zu nutzen sondern Todos

© Dominik Schumann - 2023 - fv.doryphmo.com

Weiteres vorgehen:

  • (Firebase Firestore gemeinsam anschauen)
  • (In caching eintauchen)
  • (Ausblick flutter packages)
  • (Projektzeit nutzen)
© Dominik Schumann - 2023 - fv.doryphmo.com

ray.so/