애니메이션 변환 (예 : 축척)에 AnimatedContainer를 사용하는 방법

Question

AnimatedContainer의 transform 속성을 사용하여 컨테이너의 축척을 애니메이션으로 만들려고합니다. 그러나 저울은 전환되지 않고 처음부터 끝까지 직접 점프합니다.

코드 조각 :

var container = new AnimatedContainer(
    duration: const Duration(milliseconds: 200), 
    width: 50.0, 
    height: 50.0, 
    // selected is a bool that will be toggled 
    transform: selected ? new Matrix4.identity() : new Matrix4.identity().scaled(0.2,0.2), 
    decoration: new BoxDecoration(
    shape: BoxShape.circle, 
    backgroundColor: Colors.blue[500], 
), 
    child: new Center(
    child: new Icon(
     Icons.check, 
     color: Colors.white, 
    ), 
) 
); 

무슨 일이 일어나고 있는지에 어떤 통찰력?

Answer 1

나는 transform이 우리가 움직이지 않는 속성 (child은 또 다른 속성) 중 하나입니다. 눈금을 애니메이션으로 만들려면 ScaleTransition을 사용할 수 있습니다.

ScaleTransition : https://github.com/flutter/flutter/issues/443

: 매트릭스 LERP에 대한 https://docs.flutter.io/flutter/widgets/ScaleTransition-class.html

버그