Виджет AnimatedBuilder

AnimatedBuilder(animation: animation, builder: builder)

Синтаксис

AnimatedBuilder(
	animation: animation,
	builder: builder,
)

Параметры

Параметр	Описание
`animation`	`Animation`, на кадры которой реагируют.
`builder`	Функция, строящая виджет на каждом кадре.

Пример

Давайте крутить opacity:

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: AnimatedBuilder(
						animation: _controller,
						builder: (context, child) {
							return Opacity(
								opacity: _controller.value,
								child: Text('abcde'),
							);
						},
					),
				),
			),
		);
	}
}

void main()
{
	runApp(const Pulse());
}

На экране 'abcde' через AnimatedBuilder.

Пример

Давайте масштаб:

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: AnimatedBuilder(
						animation: _controller,
						builder: (context, child) {
							return Transform.scale(
								scale: 0.5 + _controller.value,
								child: Text('12345'),
							);
						},
					),
				),
			),
		);
	}
}

void main()
{
	runApp(const Pulse());
}

На экране '12345' масштабируется.

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

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