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
66 lines
2.1 KiB
Dart
66 lines
2.1 KiB
Dart
// Copyright 2016 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';
|
|
|
|
const String _introText =
|
|
"Tooltips are short identifying messages that briefly appear in response to "
|
|
"a long press. Tooltip messages are also used by services that make Flutter "
|
|
"apps accessible, like screen readers.";
|
|
|
|
class TooltipDemo extends StatelessComponent {
|
|
Widget build(BuildContext context) {
|
|
final ThemeData theme = Theme.of(context);
|
|
return new Scaffold(
|
|
toolBar: new ToolBar(
|
|
center: new Text('Tooltip')
|
|
),
|
|
body: new Builder(
|
|
builder: (BuildContext context) {
|
|
return new Column(
|
|
alignItems: FlexAlignItems.stretch,
|
|
children: <Widget>[
|
|
new Text(_introText, style: theme.text.subhead),
|
|
new Row(
|
|
children: <Widget>[
|
|
new Text('Long press the ', style: theme.text.subhead),
|
|
new Tooltip(
|
|
message: 'call icon',
|
|
child: new Icon(
|
|
size: 18.0,
|
|
icon: Icons.call,
|
|
color: theme.primaryColor
|
|
)
|
|
),
|
|
new Text(' icon', style: theme.text.subhead)
|
|
]
|
|
),
|
|
new Center(
|
|
child: new IconButton(
|
|
size: 48.0,
|
|
icon: Icons.call,
|
|
color: theme.primaryColor,
|
|
tooltip: 'place a phone call',
|
|
onPressed: () {
|
|
Scaffold.of(context).showSnackBar(new SnackBar(
|
|
content: new Text('That was an ordinary tap')
|
|
));
|
|
}
|
|
)
|
|
)
|
|
]
|
|
.map((Widget widget) {
|
|
return new Padding(
|
|
padding: const EdgeDims.only(top: 16.0, left: 16.0, right: 16.0),
|
|
child: widget
|
|
);
|
|
})
|
|
.toList()
|
|
);
|
|
}
|
|
)
|
|
);
|
|
}
|
|
}
|