Класс AnimatedIcons

Класс AnimatedIcons хранит константы для виджета AnimatedIcon. Каждая константа описывает два кадра иконки.

Синтаксис

AnimatedIcons.menu_close

Значения

Значение	Описание
`menu_close`	Меню и крестик.
`play_pause`	Воспроизведение и пауза.
`arrow_menu`	Стрелка назад и меню.
`close_menu`	Крестик и меню.
`ellipsis_search`	Троеточие и лупа.

Пример

Давайте menu_close:

import 'package:flutter/material.dart';
class Pulse extends StatefulWidget
{
	const Pulse({super.key});

	@override
	State<Pulse> createState() => _PulseState();
}

class _PulseState extends State<Pulse> with SingleTickerProviderStateMixin
{
	late AnimationController _controller;

	@override
	void initState()
	{
		super.initState();
		_controller = AnimationController(
			vsync: this,
			duration: Duration(milliseconds: 600),
		);
	}

	@override
	void dispose()
	{
		_controller.dispose();
		super.dispose();
	}
	@override
	Widget build(BuildContext context)
	{
		return MaterialApp(
			home: Scaffold(
				body: Center(child:Column(mainAxisSize:MainAxisSize.min,children:[AnimatedIcon(icon:AnimatedIcons.menu_close,progress:_controller),Text('abcde')]))));},
			),
		);
	}
}
void main(){runApp(const Pulse());}

На экране 'abcde' под иконкой menu_close.

Пример

Давайте play_pause:

import 'package:flutter/material.dart';
class Pulse extends StatefulWidget
{
	const Pulse({super.key});

	@override
	State<Pulse> createState() => _PulseState();
}

class _PulseState extends State<Pulse> with SingleTickerProviderStateMixin
{
	late AnimationController _controller;

	@override
	void initState()
	{
		super.initState();
		_controller = AnimationController(
			vsync: this,
			duration: Duration(milliseconds: 600),
		);
	}

	@override
	void dispose()
	{
		_controller.dispose();
		super.dispose();
	}
	@override
	Widget build(BuildContext context)
	{
		return MaterialApp(
			home: Scaffold(
				body: Center(child:Column(mainAxisSize:MainAxisSize.min,children:[AnimatedIcon(icon:AnimatedIcons.play_pause,progress:_controller),Text('12345')]))));},
			),
		);
	}
}
void main(){runApp(const Pulse());}

На экране '12345'.

Смотрите также

класс AnimationController,
который задаёт duration
класс Curves,
который задаёт curve
виджет AnimatedBuilder,
когда нужен ручной builder
виджет MaterialApp,
корень примеров