| OLD | NEW |
| (Empty) |
| 1 // Copyright 2015 The Chromium Authors. All rights reserved. | |
| 2 // Use of this source code is governed by a BSD-style license that can be | |
| 3 // found in the LICENSE file. | |
| 4 | |
| 5 import 'package:sky/theme/colors.dart'; | |
| 6 import 'package:sky/theme/typography.dart'; | |
| 7 import 'package:sky/widgets/basic.dart'; | |
| 8 import 'package:sky/widgets/material.dart'; | |
| 9 import 'package:sky/widgets/scaffold.dart'; | |
| 10 import 'package:sky/widgets/tabs.dart'; | |
| 11 import 'package:sky/widgets/tool_bar.dart'; | |
| 12 import 'package:sky/widgets/widget.dart'; | |
| 13 | |
| 14 class TabbedNavigatorApp extends App { | |
| 15 static Iterable<String> items = const <String>["ONE", "TWO", "FREE", "FOUR"]; | |
| 16 final List<int> navigatorSelections = new List<int>.filled(items.length, 0); | |
| 17 | |
| 18 Widget buildTabNavigator(Iterable<TabLabel> labels, int navigatorIndex) { | |
| 19 TabBar tabBar = new TabBar( | |
| 20 labels: labels.toList(), | |
| 21 selectedIndex: navigatorSelections[navigatorIndex], | |
| 22 onChanged: (selectionIndex) { | |
| 23 setState(() { | |
| 24 navigatorSelections[navigatorIndex] = selectionIndex; | |
| 25 }); | |
| 26 } | |
| 27 ); | |
| 28 | |
| 29 return new Container(child: tabBar, margin: new EdgeDims.only(bottom: 16.0))
; | |
| 30 } | |
| 31 | |
| 32 Widget build() { | |
| 33 Iterable<TabLabel> textLabels = items | |
| 34 .map((s) => new TabLabel(text: "ITEM " + s)); | |
| 35 | |
| 36 Iterable<TabLabel> iconLabels = items | |
| 37 .map((s) => new TabLabel(icon: 'action/search_white')); | |
| 38 | |
| 39 Iterable<TabLabel> textAndIconLabels = items | |
| 40 .map((s) => new TabLabel(text: "ITEM " + s, icon: 'action/search_white')); | |
| 41 | |
| 42 var navigatorIndex = 0; | |
| 43 Iterable<Widget> tabNavigators = [textLabels, iconLabels, textAndIconLabels] | |
| 44 .map((labels) => buildTabNavigator(labels, navigatorIndex++)); | |
| 45 | |
| 46 ToolBar toolbar = new ToolBar( | |
| 47 center: new Text('Tabbed Navigator', style: white.title) | |
| 48 ); | |
| 49 | |
| 50 return new Scaffold( | |
| 51 toolbar: toolbar, | |
| 52 body: new Material( | |
| 53 child: new Center(child: new Block(tabNavigators.toList())), | |
| 54 color: Grey[500] | |
| 55 ) | |
| 56 ); | |
| 57 } | |
| 58 } | |
| 59 | |
| 60 void main() { | |
| 61 runApp(new TabbedNavigatorApp()); | |
| 62 } | |
| OLD | NEW |