Flutter -- TabBar Beispiel 1

TabBar

Die Grundlage dieses Beispiels ist wie fast immer eine MaterialApp. Diese ermöglicht uns Zugriff auf eine erweiterte Funktionalität von Flutter. Als "home:" Eintrag kommt bei dieser Variante der DefaultTabController zum Zuge. Ihn benötigen wir für die Konstruktion der Tabs. Wir übergeben ihm eine Länge von 3 (length:3) und tragen als Kind einen Scaffold ein.  Unser Scaffold bekommt eine AppBar, diese wiederum ein Menu-Icon und einen Titel. Diesmal verwenden wir bei der AppBar aber den Eintrag "bottom" . Hier wird die eigentliche TabBar eingetragen.
Sie besteht aus Tab Widgets, welche wiederum ein Kind haben, in diesem Fall den Text: Tab 1, Tab 2, Tab 3.
Der Scaffold kann auch einen  Verweis auf einen "body" aufnehmen, was wir jetzt nutzen. In einer Widget Liste legen wir Card's an, die einen zentrierten Text enthalten. Nicht implementiert wurden in diesem Beispiel die onPressed() Funktion des Menu Icons. Hier ein kleines Video dazu:

Dieser Post basiert auf einem englischsprachigen YouTube Video von whatsupcoders. Den Quellcode zu diesem Beispiel findet man hier.