From a288e167bea562fbcc902d2884075f21fd3f0f4d Mon Sep 17 00:00:00 2001 From: Nishant Srivastava Date: Sat, 26 Aug 2017 00:35:35 -0700 Subject: [PATCH] added more comments to using_tabs example --- using_tabs/lib/FirstTab.dart | 1 + using_tabs/lib/SecondTab.dart | 1 + using_tabs/lib/ThirdTab.dart | 1 + using_tabs/lib/main.dart | 12 +++++++++++- 4 files changed, 14 insertions(+), 1 deletion(-) diff --git a/using_tabs/lib/FirstTab.dart b/using_tabs/lib/FirstTab.dart index be8c15d..4f20ab5 100644 --- a/using_tabs/lib/FirstTab.dart +++ b/using_tabs/lib/FirstTab.dart @@ -6,6 +6,7 @@ class First extends StatelessWidget { return new Container( child: new Center( child: new Column( + // center the children mainAxisAlignment: MainAxisAlignment.center, children: [ new Icon( diff --git a/using_tabs/lib/SecondTab.dart b/using_tabs/lib/SecondTab.dart index 7f73318..a3751b9 100644 --- a/using_tabs/lib/SecondTab.dart +++ b/using_tabs/lib/SecondTab.dart @@ -6,6 +6,7 @@ class Second extends StatelessWidget { return new Container( child: new Center( child: new Column( + // center the children mainAxisAlignment: MainAxisAlignment.center, children: [ new Icon( diff --git a/using_tabs/lib/ThirdTab.dart b/using_tabs/lib/ThirdTab.dart index edd8d1c..d6cf93e 100644 --- a/using_tabs/lib/ThirdTab.dart +++ b/using_tabs/lib/ThirdTab.dart @@ -6,6 +6,7 @@ class Third extends StatelessWidget { return new Container( child: new Center( child: new Column( + // center the children mainAxisAlignment: MainAxisAlignment.center, children: [ new Icon( diff --git a/using_tabs/lib/main.dart b/using_tabs/lib/main.dart index f778c7a..dbd2e12 100644 --- a/using_tabs/lib/main.dart +++ b/using_tabs/lib/main.dart @@ -17,18 +17,22 @@ class MyHome extends StatefulWidget { MyHomeState createState() => new MyHomeState(); } +// SingleTickerProviderStateMixin is used for animation class MyHomeState extends State with SingleTickerProviderStateMixin { + // Create a tab controller TabController controller; @override void initState() { super.initState(); + // Initialize the Tab Controller controller = new TabController(length: 3, vsync: this); } @override void dispose() { + // Dispose of the Tab Controller controller.dispose(); super.dispose(); } @@ -40,10 +44,13 @@ class MyHomeState extends State with SingleTickerProviderStateMixin { appBar: new AppBar( // Title title: new Text("Using Tabs"), + // Set the background color of the App Bar backgroundColor: Colors.blue, + // Set the bottom property of the Appbar to include a Tab Bar bottom: new TabBar( tabs: [ new Tab( + // set icon to the tab icon: new Icon(Icons.favorite), ), new Tab( @@ -53,16 +60,19 @@ class MyHomeState extends State with SingleTickerProviderStateMixin { icon: new Icon(Icons.airport_shuttle), ), ], + // setup the controller controller: controller, ), ), - // Body + // Set the TabBar view as the body of the Scaffold body: new TabBarView( + // Add tabs as widgets children: [ new first_tab.First(), new second_tab.Second(), new third_tab.Third() ], + // set the controller controller: controller, )); }