Flutter'dagi animatsiya haqida gapirib bering…

Flutterда анимациялар асосан икки турга бўлинади: имлицит ва эксплицит.

Имлицит анимациялар — бу оддий анимациялар бўлиб, улар автоматик равишда виджетнинг ҳолат ўзгаришларини бошқаради. Масалан, AnimatedContainer ўз параметрларини (ранг, ҳажм) ўзгартирганда уларни мукаммал ўтказади, анимация назоратчилари ёзишга эҳтиёж йўқ.
Эксплицит анимациялар тўлиқ назоратни тақдим этади. Улар учун AnimationController ишлатилади, у вақт ва анимация прогрессини бошқаради. Tween ва Animation ёрдамида вақт мобайнида қийматлар қандай ўзгаришини белгилаш мумкин.

Имлицит анимацияга мисол:

AnimatedContainer(
  duration: Duration(seconds: 1),
  width: _selected ? 200 : 100,
  height: _selected ? 200 : 100,
  color: _selected ? Colors.blue : Colors.red,
  child: ...,
)

Эксплицит анимацияга мисол:

class MyAnimatedWidget extends StatefulWidget {
  @override
  _MyAnimatedWidgetState createState() => _MyAnimatedWidgetState();
}

class _MyAnimatedWidgetState extends State<MyAnimatedWidget> with SingleTickerProviderStateMixin {
  late AnimationController _controller;
  late Animation<double> _animation;

  @override
  void initState() {
    super.initState();
    _controller = AnimationController(vsync: this, duration: Duration(seconds: 2));
    _animation = Tween<double>(begin: 0, end: 300).animate(_controller);
    _controller.forward();
  }

  @override
  Widget build(BuildContext context) {
    return AnimatedBuilder(
      animation: _animation,
      builder: (context, child) {
        return Container(
          width: _animation.value,
          height: _animation.value,
          color: Colors.blue,
        );
      },
    );
  }

  @override
  void dispose() {
    _controller.dispose();
    super.dispose();
  }
}

Шу тариқа, Flutter мукаммал ва жавоб берадиган анимациялар яратиш учун кучли воситаларни таклиф қилади, бу фойдаланувчи тажрибасини яхшилашга ёрдам беради.

Flutter'dagi animatsiya haqida gapirib bering.