page_selector_demo.dart 2.58 KB
Newer Older
1 2 3 4 5 6
// 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';

Hans Muller's avatar
Hans Muller committed
7
class _PageSelector extends StatelessWidget {
8
  const _PageSelector({ this.icons });
9

Hans Muller's avatar
Hans Muller committed
10
  final List<IconData> icons;
11

12
  void _handleArrowButtonPress(BuildContext context, int delta) {
13
    final TabController controller = DefaultTabController.of(context);
Hans Muller's avatar
Hans Muller committed
14
    if (!controller.indexIsChanging)
15
      controller.animateTo((controller.index + delta).clamp(0, icons.length - 1));
16 17
  }

18
  @override
Hans Muller's avatar
Hans Muller committed
19 20 21 22 23 24 25 26 27 28
  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(
29
                icon: const Icon(Icons.chevron_left),
Hans Muller's avatar
Hans Muller committed
30 31 32 33 34 35
                color: color,
                onPressed: () { _handleArrowButtonPress(context, -1); },
                tooltip: 'Page back'
              ),
              new TabPageSelector(controller: controller),
              new IconButton(
36
                icon: const Icon(Icons.chevron_right),
Hans Muller's avatar
Hans Muller committed
37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63
                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()
          ),
        ),
      ],
    );
  }
}
64

Hans Muller's avatar
Hans Muller committed
65
class PageSelectorDemo extends StatelessWidget {
66
  static const String routeName = '/material/page-selector';
Hans Muller's avatar
Hans Muller committed
67 68 69 70 71 72 73 74 75 76 77
  static final List<IconData> icons = <IconData>[
    Icons.event,
    Icons.home,
    Icons.android,
    Icons.alarm,
    Icons.face,
    Icons.language,
  ];

  @override
  Widget build(BuildContext context) {
78
    return new Scaffold(
79
      appBar: new AppBar(title: const Text('Page selector')),
Hans Muller's avatar
Hans Muller committed
80 81 82 83
      body: new DefaultTabController(
        length: icons.length,
        child: new _PageSelector(icons: icons),
      ),
84 85 86
    );
  }
}