파파비의 블로그
플러터, flutter) 화면간 애니메이션 customizing 하는 방법 본문
반응형
=> MaterialRoutePage를 상속해서 buildTransitions에서 설정한다
위 코드를 보면 CustomRoute class는 MaterialPageRoute<T>를 상속한다.
재내럴형식이라 CustomRoute도 <T>를 같이 써준다.
생성자 -> builder와 , settings를 입력받고, 그 입력받은 값을 바로 부모의 builder와 settings 값으로 설정해버린다
buildTransitions > 화면간 전환 애니메이션 담당 메소드이다.
여기를 override하면 된다.
여기서는 간단하게 FadeTransition을 입혔지만 더욱 복잡한 것들도 가능하다.
기본적으로 theme으로 운영체제에 따라 화면간 전환 애니메이션을 설정할 수도 있다.
반응형
'개발 > flutter' 카테고리의 다른 글
플러터, flutter) 디바이스에 파일 저장하기 (0) | 2020.06.20 |
---|---|
플러터, flutter) 카메라 활용하기 (0) | 2020.06.20 |
플러터,flutter) Hero 애니메이션, Tag 하나로... 매우 쉬움 (0) | 2020.06.20 |
플러터, flutter) FadeInImage, placeholder + 로딩 완료 후 fade-in 기능 (0) | 2020.06.20 |
플러터, flutter) AnimatedContainer (controller, animation 다 필요없다) (0) | 2020.06.20 |
Comments