Что хотят услышать интервьюеры:

Анимации в Flutter нужны для плавного изменения состояния интерфейса и улучшения UX. Важно понимать разницу между implicit и explicit анимациями и уметь выбрать подходящий подход. Также ожидают знание базовых инструментов Flutter: AnimationController, Tween, Animated*-виджетов и Ticker.

Определение:

Анимация в Flutter — это автоматическое или управляемое во времени изменение свойств виджетов: размера, прозрачности, положения, цвета, поворота и других параметров.
В Flutter анимации обычно делят на два типа:

Implicit animations — Flutter сам создаёт и проигрывает переход при изменении свойства.
Explicit animations — разработчик вручную управляет анимацией через AnimationController и связанные объекты.

Implicit-анимации проще и подходят для типичных UI-переходов. Explicit-анимации гибче и используются там, где нужен точный контроль над временем, направлением и состоянием анимации.

Пример использования:

Например, при нажатии на кнопку карточка плавно увеличивается в размере и меняет цвет. Если нужен простой переход, удобно использовать AnimatedContainer. Если же надо синхронизировать несколько эффектов и управлять ими вручную, лучше применять AnimationController.

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

  @override
  State<AnimatedBox> createState() => _AnimatedBoxState();
}

class _AnimatedBoxState extends State<AnimatedBox> {
  bool _selected = false;

  @override
  Widget build(BuildContext context) {
    return GestureDetector(
      onTap: () => setState(() => _selected = !_selected),
      child: AnimatedContainer(
        duration: const Duration(milliseconds: 300),
        width: _selected ? 160 : 120,
        height: _selected ? 160 : 120,
        color: _selected ? Colors.blue : Colors.grey,
        alignment: Alignment.center,
        child: const Text('Tap'),
      ),
    );
  }
}

Пояснение кода:

В этом примере код делает анимацию без ручного управления временем:

GestureDetector отслеживает нажатие.
При тапе меняется значение _selected.
setState запускает перестройку виджета.
AnimatedContainer замечает изменение своих параметров.
Flutter плавно анимирует переход между старым и новым состоянием за 300 миллисекунд.

Если бы нужен был более сложный сценарий, например вращение, повтор, пауза или синхронная анимация нескольких свойств, тогда использовались бы AnimationController, Tween и AnimatedBuilder.

Ключевые моменты:

AnimatedContainer, AnimatedOpacity, AnimatedAlign — это implicit-анимации для простых переходов.
AnimationController нужен, когда требуется полный контроль над анимацией.
Tween задаёт диапазон изменения значения.
TickerProvider обычно нужен для создания AnimationController через vsync.
Для сложных анимаций часто используют AnimatedBuilder, чтобы эффективно обновлять только часть дерева виджетов.
Правильный выбор между implicit и explicit анимациями — ключевой навык для Flutter-разработчика.

Расскажите о анимации в Flutter.