examples/flutter_gallery/lib/demo/material/page_selector_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';

class _PageSelector extends StatelessWidget {
  const _PageSelector({ this.icons });

  final List<IconData> icons;

  void _handleArrowButtonPress(BuildContext context, int delta) {
    final TabController controller = DefaultTabController.of(context);
    if (!controller.indexIsChanging)
      controller.animateTo((controller.index + delta).clamp(0, icons.length - 1));
  }

  @override
  Widget build(BuildContext context) {
    final TabController controller = DefaultTabController.of(context);
    final Color color = Theme.of(context).accentColor;
    return new Column(
      children: <Widget>[
        new Container(
          margin: const EdgeInsets.only(top: 16.0),
          child: new Row(
            children: <Widget>[
              new IconButton(
                icon: const Icon(Icons.chevron_left),
                color: color,
                onPressed: () { _handleArrowButtonPress(context, -1); },
                tooltip: 'Page back'
              ),
              new TabPageSelector(controller: controller),
              new IconButton(
                icon: const Icon(Icons.chevron_right),
                color: color,
                onPressed: () { _handleArrowButtonPress(context, 1); },
                tooltip: 'Page forward'
              )
            ],
            mainAxisAlignment: MainAxisAlignment.spaceBetween
          )
        ),
        new Expanded(
          child: new TabBarView(
            children: icons.map((IconData icon) {
              return new Container(
                key: new ObjectKey(icon),
                padding: const EdgeInsets.all(12.0),
                child: new Card(
                  child: new Center(
                    child: new Icon(icon, size: 128.0, color: color)
                  ),
                ),
              );
            }).toList()
          ),
        ),
      ],
    );
  }
}

class PageSelectorDemo extends StatelessWidget {
  static const String routeName = '/material/page-selector';
  static final List<IconData> icons = <IconData>[
    Icons.event,
    Icons.home,
    Icons.android,
    Icons.alarm,
    Icons.face,
    Icons.language,
  ];

  @override
  Widget build(BuildContext context) {
    return new Scaffold(
      appBar: new AppBar(title: const Text('Page selector')),
      body: new DefaultTabController(
        length: icons.length,
        child: new _PageSelector(icons: icons),
      ),
    );
  }
}