mirror of
https://github.com/flutter/flutter.git
synced 2025-06-03 00:51:18 +00:00
870894fc68
Rather than managing all the Material Design icons manually, we now manage them using an icon font. The icon font contains glyphs for each icon in an efficient vector format. This patch updates the FLX tooling to include the MaterialIcons font and updates the Icon widget to use the font instead of asset images. Fixes #2313 Fixes #2218 Fixes #2009 Fixes #994
76 lines
2.4 KiB
Dart
76 lines
2.4 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 PageSelectorDemo extends StatelessComponent {
|
|
Widget _buildTabView(IconData icon) {
|
|
return new Container(
|
|
key: new ObjectKey(icon),
|
|
padding: const EdgeDims.all(12.0),
|
|
child: new Card(
|
|
child: new Center(
|
|
child: new Icon(icon: icon, size: 48.0)
|
|
)
|
|
)
|
|
);
|
|
}
|
|
|
|
void _handleArrowButtonPress(BuildContext context, int delta) {
|
|
final TabBarSelectionState selection = TabBarSelection.of(context);
|
|
if (!selection.valueIsChanging)
|
|
selection.value = selection.values[(selection.index + delta).clamp(0, selection.values.length - 1)];
|
|
}
|
|
|
|
Widget build(BuildContext notUsed) { // Can't find the TabBarSelection from this context.
|
|
final List<IconData> icons = <IconData>[
|
|
Icons.event,
|
|
Icons.home,
|
|
Icons.android,
|
|
Icons.alarm,
|
|
Icons.face,
|
|
Icons.language,
|
|
];
|
|
|
|
return new Scaffold(
|
|
toolBar: new ToolBar(center: new Text('Page Selector')),
|
|
body: new TabBarSelection(
|
|
values: icons,
|
|
child: new Builder(
|
|
builder: (BuildContext context) {
|
|
return new Column(
|
|
children: <Widget>[
|
|
new Container(
|
|
margin: const EdgeDims.only(top: 16.0),
|
|
child: new Row(
|
|
children: <Widget>[
|
|
new IconButton(
|
|
icon: Icons.arrow_back,
|
|
onPressed: () { _handleArrowButtonPress(context, -1); },
|
|
tooltip: 'Back'
|
|
),
|
|
new TabPageSelector<String>(),
|
|
new IconButton(
|
|
icon: Icons.arrow_forward,
|
|
onPressed: () { _handleArrowButtonPress(context, 1); },
|
|
tooltip: 'Forward'
|
|
)
|
|
],
|
|
justifyContent: FlexJustifyContent.spaceBetween
|
|
)
|
|
),
|
|
new Flexible(
|
|
child: new TabBarView(
|
|
children: icons.map(_buildTabView).toList()
|
|
)
|
|
)
|
|
]
|
|
);
|
|
}
|
|
)
|
|
)
|
|
);
|
|
}
|
|
}
|