1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
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
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
// Copyright 2018 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 'dart:io';
import 'package:flutter/foundation.dart';
import 'package:flutter/material.dart';
class AnimatedIconsTestApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return const MaterialApp(
title: 'Animated Icons Test',
home: Scaffold(
body: IconsList(),
),
);
}
}
class IconsList extends StatelessWidget {
const IconsList();
@override
Widget build(BuildContext context) {
return ListView(
children: samples.map<IconSampleRow>((IconSample s) => IconSampleRow(s)).toList(),
);
}
}
class IconSampleRow extends StatefulWidget {
const IconSampleRow(this.sample);
final IconSample sample;
@override
State createState() => IconSampleRowState();
}
class IconSampleRowState extends State<IconSampleRow> with SingleTickerProviderStateMixin {
AnimationController progress;
@override
Widget build(BuildContext context) {
return ListTile(
leading: InkWell(
onTap: () { progress.forward(from: 0.0); },
child: AnimatedIcon(
icon: widget.sample.icon,
progress: progress,
color: Colors.lightBlue,
),
),
title: Text(widget.sample.description),
subtitle: Slider(
value: progress.value,
onChanged: (double v) { progress.animateTo(v, duration: Duration.zero); },
),
);
}
@override
void initState() {
super.initState();
progress = AnimationController(vsync: this, duration: const Duration(milliseconds: 300));
progress.addListener(_handleChange);
}
@override
void dispose() {
progress.removeListener(_handleChange);
super.dispose();
}
void _handleChange() {
setState(() {});
}
}
const List<IconSample> samples = <IconSample> [
IconSample(AnimatedIcons.arrow_menu, 'arrow_menu'),
IconSample(AnimatedIcons.menu_arrow, 'menu_arrow'),
IconSample(AnimatedIcons.close_menu, 'close_menu'),
IconSample(AnimatedIcons.menu_close, 'menu_close'),
IconSample(AnimatedIcons.home_menu, 'home_menu'),
IconSample(AnimatedIcons.menu_home, 'menu_home'),
IconSample(AnimatedIcons.play_pause, 'play_pause'),
IconSample(AnimatedIcons.pause_play, 'pause_play'),
IconSample(AnimatedIcons.list_view, 'list_view'),
IconSample(AnimatedIcons.view_list, 'view_list'),
IconSample(AnimatedIcons.add_event, 'add_event'),
IconSample(AnimatedIcons.event_add, 'event_add'),
IconSample(AnimatedIcons.ellipsis_search, 'ellipsis_search'),
IconSample(AnimatedIcons.search_ellipsis, 'search_ellipsis'),
];
class IconSample {
const IconSample(this.icon, this.description);
final AnimatedIconData icon;
final String description;
}
void main() {
if (Platform.isMacOS) {
// TODO(gspencergoog): Update this when TargetPlatform includes macOS. https://github.com/flutter/flutter/issues/31366
// See https://github.com/flutter/flutter/wiki/Desktop-shells#target-platform-override
debugDefaultTargetPlatformOverride = TargetPlatform.fuchsia;
}
runApp(AnimatedIconsTestApp());
}