Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 |
Tags
- AnimationController
- lol api dart
- generate parentheses dart
- leetcode dart
- 발로란트 api dart
- com.google.GIDSignIn
- docker overview
- dart new
- flutter
- dart
- dart new 키워드
- flutter statefulwidget
- tft api dart
- riot api dart
- flutter ios 폴더
- 롤토체스 api dart
- flutter widget
- valorant api dart
- PlatformException(sign_in_failed
- flutter bloc
- swift concurrency
- keychain error
- flutter android 폴더
- 롤 api dart
- 파이썬 부동소수점
- swift 동시성
- dart.dev
- Architectural overview
- widget
- 파이썬
Archives
- Today
- Total
Coaspe
Flutter - SlideTransition 본문
원래 위치에서 상대적으로 위젯의 위치를 애니메이트 합니다.
트렌지션은 자식의 크기의 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:
- AlignTransition, an animated version of an Align that animates its Align.alignment property.
- PositionedTransition, a widget that animates its child from a start position to an end position over the lifetime of the animation.
- RelativePositionedTransition, a widget that transitions its child's position based on the value of a rectangle relative to a bounding box.
상속 구조
- Object
- DiagnosticableTree
- Widget
- StatefulWidget
- AnimatedWidget
- 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