الحركة وأعمار الموارد

Widget animatedPreview(bool expanded) => AnimatedContainer(
  duration: const Duration(milliseconds: 180),
  curve: Curves.easeInOut,
  height: expanded ? 160 : 80,
  color: Colors.teal,
  child: const Center(child: Text('Preview')),
);

Changing expanded animates the bounded height between 80 and 160 logical pixels.

المدة اختيار تصميم توضيحي لا توصية عامة. يجب أن يسمح الأب بالحجمين النهائيين.

class _PulseState extends State<Pulse> with SingleTickerProviderStateMixin {
  late final AnimationController controller;
  @override void initState() {
    super.initState();
    controller = AnimationController(vsync: this,
      duration: const Duration(milliseconds: 300));
  }
  @override void dispose() { controller.dispose(); super.dispose(); }
  @override Widget build(BuildContext context) => FadeTransition(
    opacity: controller, child: const Text('Ready'));
}

The initial controller value is 0; explicit progress changes drive opacity.

Pulse هو StatefulWidget المحيط. يقرر التفاعل الحقيقي متى يستدعي forward أو reverse؛ ولا يبدأ المقتطف الحركة تلقائيا.