CATCHV Blog

AnimatedPositioned 을 사용하여 위아래로 움직이는 애니메션을 만들었는데 윈도우(?)의 크기를 조정시 좌우도 애니메이션이 발생하는 현상이 보였습니다. Row의 children의 가운데 정렬하기 위해서는 left, right 속성을 반드시 가변적으로 설정해야 하는데 이것이 애미메션으로 작동해서 위와 같은 문제가 발생하고 있다. Stack에 Center 속성 적용시 AnimatedPositioned가 적용되지 않고 AnimatedPositioned child의 Center는 적용이 되지 않는다. 그래서 찾은 방법이 Positioned + SlideTransition 이다. with SingleTickerProviderStateMixin ... late final AnimationControlle..

Stack에서 AnimatedPositioned을 사용하는 경우 상태 변화를 주는 작업이 필요합니다. 아래와 같이 페이지가 로드 되면 자동으로 반복해서 애니메이션을 처리하고 싶을때 처리입니다. AnimatedPositioned( top: _ani ? -20 : -10, duration: const Duration(milliseconds: 500), curve: Curves.linear, onEnd: () { setState(() { _ani = !_ani; }); }, child: BubbleBox( width: (width! * 0.5), height: 20, ), ), OnEnd로 _ani의 값을 true, false 처리하여 애니메이션 효과를 줄 수 있지만 처음 트리거 하는 변경점이 필요합니다. f..