[Flutter] Animation_02

애니메이션 효과를 간단하게 주는 방법 중 나타났다 사라졌다 하는 투명도 관련 AnimatedOpacity 대해서 메모!

매번 Duration을 적기 귀찮으니까 아에 선언한다. 그리고 GestureDetector등에 의해 변경되는 bool값도 선언.

final Duration _animationDuration = const Duration(milliseconds: 200);
bool _isPaused = false;

원하는 위젯을 AnimatedOpacity로 감싼다.

AnimatedOpacity(
	opacity: _isPaused ? 1 : 0,
	duration: _animationDuration,
	child: const IgnorePointer(
					child: Center(
							child: FaIcon(
									FontAwesomeIcons.play,
                    				color: Colors.white,
                    				size: Sizes.size60,

위처럼_isPaused의 값에 따라 투명도가 변하도록 opacity값을 설정.
duration은 위에서 설정한 변수를 대입!