DEV/flutter_flutter
1
0
Fork 0
mirror of https://github.com/flutter/flutter.git synced 2026-02-15 15:23:32 +08:00
Code Issues Packages Projects Releases Wiki Activity

Version 0 of TabLabel, Tab, and TabBar components

Browse Source 
There's is no support for animating the selected tab indicator, there isn't a TabNavigator container yet, overflow layout (tabs don't fit) isn't supported yet, etc.

R=abarth@chromium.org, ianh@google.com

Review URL: https://codereview.chromium.org/1205953002.
This commit is contained in:
Hans Muller 2015-06-25 14:25:33 -07:00
parent 2e32c6721d
commit ab246ebcef
1 changed files with 62 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

62
examples/widgets/tabs.dart Normal file
View File

@ -0,0 +1,62 @@
// Copyright 2015 The Chromium Authors. All rights reserved.
// Use of this source code is governed by a BSD-style license that can be
// found in the LICENSE file.
import 'package:sky/theme/colors.dart';
import 'package:sky/theme/typography.dart';
import 'package:sky/widgets/basic.dart';
import 'package:sky/widgets/material.dart';
import 'package:sky/widgets/scaffold.dart';
import 'package:sky/widgets/tabs.dart';
import 'package:sky/widgets/tool_bar.dart';
import 'package:sky/widgets/widget.dart';
class TabbedNavigatorApp extends App {
static Iterable<String> items = const <String>["ONE", "TWO", "FREE", "FOUR"];
final List<int> navigatorSelections = new List<int>.filled(items.length, 0);
Widget buildTabNavigator(Iterable<TabLabel> labels, int navigatorIndex) {
TabBar tabBar = new TabBar(
labels: labels.toList(),
selectedIndex: navigatorSelections[navigatorIndex],
onChanged: (selectionIndex) {
setState(() {
navigatorSelections[navigatorIndex] = selectionIndex;
});
}
);
return new Container(child: tabBar, margin: new EdgeDims.only(bottom: 16.0));
}
Widget build() {
Iterable<TabLabel> textLabels = items
.map((s) => new TabLabel(text: "ITEM " + s));
Iterable<TabLabel> iconLabels = items
.map((s) => new TabLabel(icon: 'action/search_white'));
Iterable<TabLabel> textAndIconLabels = items
.map((s) => new TabLabel(text: "ITEM " + s, icon: 'action/search_white'));
var navigatorIndex = 0;
Iterable<Widget> tabNavigators = [textLabels, iconLabels, textAndIconLabels]
.map((labels) => buildTabNavigator(labels, navigatorIndex++));
ToolBar toolbar = new ToolBar(
center: new Text('Tabbed Navigator', style: white.title),
backgroundColor: Blue[500]);
return new Scaffold(
toolbar: toolbar,
body: new Material(
child: new Center(child: new Block(tabNavigators.toList())),
color: Grey[500]
)
);
}
}
void main() {
runApp(new TabbedNavigatorApp());
}