DefaultTabController & TabBar (Flutter Widget of the Week)

♪ (music) ♪ (narrator) Do you need to organize your widgets into tabs? The <i>DefaultTabController</i>, <i>TabBar</i> and <i>TabBarView</i> widgets are for you. To use tabs, you'll first need a tab controller to keep the selected tab and the visible content in sync. The easiest way to do this is with the <i>DefaultTabController</i>. Once you have that, you'll need a widget to show the tabs that the user would use to switch between the different sections. This is where <i>TabBar</i> comes in. The <i>TabBar</i> takes a list of tab widgets. You can have the tab show text, an icon, or specify a child widget. Finally, you'll need to create content for each tab. This is where you use <i>TabBarView</i>. Each widget in the listed children corresponds to tabs in the <i>TabBar</i>. There must be a one to one match between the tabs and the <i>TabView</i> children. There's a lot more to explore when using tabs, so head over to <i>flutter.dev</i> to learn more.

Channel: Flutter

Views: 218,736

Keywords: DefaultTabController, TabBar, TabBarView, create tabs, making tabs in my app, turn widgets into tabs, how to make tabs in my app, build an app, app building, coding, widgets, create a widget, widgets for your app, coding an app, Flutter, widget of the week, google, google developers, flutter 101, get started with flutter, flutter apps, flutter widgets, build apps with flutter, GDS: Yes;

Id: POtoEH-5l40

Length: 1min 7sec (67 seconds)

Published: Wed Jan 22 2020