Я хочу добиться того же эффекта, что и этот: https://api.flutter.dev/flutter/widgets/SizeTransition-class.html, но начиная с начала изображения. Я все перепробовал, и это не работает!
Я пробовал поставить в него Align, поставить контейнер с шириной, измененной значением анимации .. ничего не работает!
Раньше у меня была анимация, а затем она вызовет forward () для этой, когда она закончится (есть функция с именем complete, которая вызывает функцию forward ()).
initState() {
_sizeController =
AnimationController(duration: Duration(seconds: 1), vsync: this)
..addListener(() {
setState(() {});
});
_sizeAnimation = Tween(begin: 0.0, end: 27.0).animate(CurvedAnimation(
parent: _sizeController, curve: Curves.fastLinearToSlowEaseIn));
}
AnimatedContainer(
width: _width,
height: _height,
duration: Duration(milliseconds: 200),
decoration: BoxDecoration(
color: _color,
border: Border.all(
color: Color(0xFF707070), width: 2, style: BorderStyle.solid),
borderRadius: BorderRadius.circular(14.0),
),
child: SizeTransition(
sizeFactor: _sizeAnimation,
axis: Axis.horizontal,
axisAlignment: -1,
child:
Center(child: Image.asset('assets/images/check.png')),
),
Или он ничего не делает, или анимирует только масштабированием .. Как я могу добиться того же эффекта, что и в примере видео на странице виджета? Я хочу, чтобы этот эффект имел место, показывая изображение галочки внутри контейнера круга. А перед этим анимированный контейнер будет линейным контейнером, который превращается в круг, а затем появляется галочка.