Виджет TickerMode

Виджет TickerMode включает или выключает анимации ниже.

Синтаксис

TickerMode(enabled: enabled, child: child)

Параметры

Параметр	Описание
`enabled`	Включает tickers в поддереве.
`child`	Дочерние виджеты с анимацией.

Пример

Давайте сменим параметры по кнопке:

import 'package:flutter/material.dart';

class Demo extends StatefulWidget {
	const Demo({super.key});

	@override
	State<Demo> createState() => _DemoState();
}

class _DemoState extends State<Demo> {
	bool big = false;

	@override
	Widget build(BuildContext context) {
		return MaterialApp(
			home: Scaffold(
				body: Center(
					child: Column(
						mainAxisSize: MainAxisSize.min,
						children: [
							TickerMode(enabled: big, child: Text('abcde')),
							ElevatedButton(
								onPressed: () => setState(() => big = !big),
								child: Text('toggle'),
							),
						],
					),
				),
			),
		);
	}
}

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

На экране TickerMode плавно доедет до новых значений, текст 'abcde' останется внутри.

Пример

Давайте повторим переход для второго состояния:

import 'package:flutter/material.dart';

class Demo extends StatefulWidget {
	const Demo({super.key});

	@override
	State<Demo> createState() => _DemoState();
}

class _DemoState extends State<Demo> {
	bool big = false;

	@override
	Widget build(BuildContext context) {
		return MaterialApp(
			home: Scaffold(
				body: Center(
					child: Column(
						mainAxisSize: MainAxisSize.min,
						children: [
							TickerMode(enabled: !big, child: Text('12345')),
							ElevatedButton(
								onPressed: () => setState(() => big = !big),
								child: Text('toggle'),
							),
						],
					),
				),
			),
		);
	}
}

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

На экране после toggle снова сработает TickerMode, подпись '12345' внутри виджета.

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

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