Coaspe

Flutter - SlideTransition 본문

Flutter/API

Flutter - SlideTransition

Coaspe 2023. 2. 17. 13:56

원래 위치에서 상대적으로 위젯의 위치를 애니메이트 합니다.

 

트렌지션은 자식의 크기의 Offset 으로 스케일 되어 표현됩니다. 예를 들어, dx가 0.25인 Offset 을 사용한다면, 이것은 자식의 width의 1/4 만큼 수평으로 움직이는 트랜슬레이션을 생성할 것 입니다.

 

디폴트로, offset들은 canvas의 좌표시스템에 적용됩니다.(그래서 양수 x offsets은 자식의 오른쪽으로 움직이게 합니다.) 만약 textDirection 이 주어진다면, offset이 reading 방향으로 적용되므로 오른쪽에서 왼쪽으로 양의 x offset이 이동하고 왼쪽에서 오른쪽으로의 텍스트에서 양의 x offset이 왼쪽으로 이동합니다.

 

아래의 영상은 Curves.elasticIn으로 설정된 CurvedAnimation에 의해 position이 애니메이트되는 SlideTransition 위젯 입니다.

 

See also:

상속 구조

생성자

SlideTransition({

Key? key, 

required Animation<Offset> position, 

bool transformHitTests = true, # hit testing이 slide animation에 영향을 받을지 안 받을지 결정

TextDirection? textDirection, 

Widget? child

})

'Flutter > API' 카테고리의 다른 글

Flutter - Overlay  (1) 2023.02.17
Flutter - OverlayEntry  (0) 2023.02.17
Flutter - FloatingActionButton  (0) 2023.02.17
Flutter - AnimatedBuilder  (0) 2023.02.17
Flutter - AnimationController  (0) 2023.02.17
Comments