FlutterTute

Working with tabs is a common pattern in apps that follow the Material Design guidelines. Flutter includes a convenient way to create tab layouts as part of the  material library . Note:  To create tabs in a Cupertino app, see the  Building a Cupertino app with Flutter  codelab. This recipe creates a tabbed example using the following steps; Create a TabController. Create the tabs. Create content for each tab. 1. Create a  TabController For tabs to work, you need to keep the selected tab and content sections in sync. This is the job of the   TabController . Either create a  TabController  manually, or automatically by using a  DefaultTabController  widget. Using  DefaultTabController  is the simplest option, since it creates a  TabController  and makes it available to all descendant widgets. 2. Create the tabs When a tab is selected, it needs to display content. You can create tabs using the  TabBar  widget. In this example, create a  TabBar  with three  Tab