mirror of
https://github.com/flutter/flutter
synced 2024-10-14 04:02:56 +00:00
87 lines
2.5 KiB
Dart
87 lines
2.5 KiB
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 {
|
|
_PageSelector({ this.icons });
|
|
|
|
final List<IconData> icons;
|
|
|
|
void _handleArrowButtonPress(BuildContext context, int delta) {
|
|
TabController controller = DefaultTabController.of(context);
|
|
if (!controller.indexIsChanging)
|
|
controller.animateTo(controller.index + delta);
|
|
}
|
|
|
|
@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: new Icon(Icons.chevron_left),
|
|
color: color,
|
|
onPressed: () { _handleArrowButtonPress(context, -1); },
|
|
tooltip: 'Page back'
|
|
),
|
|
new TabPageSelector(controller: controller),
|
|
new IconButton(
|
|
icon: new 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 = '/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: new Text('Page selector')),
|
|
body: new DefaultTabController(
|
|
length: icons.length,
|
|
child: new _PageSelector(icons: icons),
|
|
),
|
|
);
|
|
}
|
|
}
|