tabs_demo.dart

// 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:flutter/material.dart';

import 'widget_demo.dart';

final List<String> _iconNames = <String>["event", "home", "android", "alarm", "face", "language"];

Widget _buildTabBarSelection(_, Widget child) {
  return new TabBarSelection<String>(values: _iconNames, child: child);
}

Widget _buildTabBar(_) {
  return new TabBar<String>(
    isScrollable: true,
    labels: new Map.fromIterable(
      _iconNames,
      value: (String iconName) => new TabLabel(text: iconName, icon: "action/$iconName"))
  );
}

class TabsDemo extends StatefulComponent {
  _TabsDemoState createState() => new _TabsDemoState();
}

class _TabsDemoState extends State<TabsDemo> {
  Widget build(_) {
    return new TabBarView(
      children: _iconNames.map((String iconName) {
        return new Container(
          key: new ValueKey<String>(iconName),
          padding: const EdgeDims.all(12.0),
          child: new Card(
            child: new Center(child: new Icon(icon: "action/$iconName", size:IconSize.s48))
          )
        );
      }).toList()
    );
  }
}

final WidgetDemo kTabsDemo = new WidgetDemo(
  title: 'Tabs',
  routeName: '/tabs',
  tabBarBuilder: _buildTabBar,
  pageWrapperBuilder: _buildTabBarSelection,
  builder: (_) => new TabsDemo()
);