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
- dart new 키워드
- dart new
- flutter widget
- dart
- valorant api dart
- riot api dart
- 발로란트 api dart
- Architectural overview
- AnimationController
- swift concurrency
- docker overview
- keychain error
- flutter
- lol api dart
- generate parentheses dart
- flutter bloc
- 파이썬 부동소수점
- flutter ios 폴더
- swift 동시성
- PlatformException(sign_in_failed
- flutter android 폴더
- dart.dev
- flutter statefulwidget
- 파이썬
- 롤토체스 api dart
- 롤 api dart
- widget
- leetcode dart
- tft api dart
- com.google.GIDSignIn
Archives
- Today
- Total
목록flutter bottom sheet (1)
Coaspe
Flutter 프로젝트 '남음' - Bottom sheet 구현하기
현재 내 주변에 어떤 가게들이 있는지 확인하기 위해 Google map을 사용합니다. Google map위에 있는 Marker를 클릭하거나, sheet을 드래그하면 화면의 하단에서 sheet이 올라오게 구현 할 예정입니다. (Marker를 클릭하는 것은 간단하니 우선 드래그를 구현해봅니다) 우선 Google map이 있는 tab을 Stack으로 감싸줍니다. 그래야 Positioned를 사용해 bottom에 sheet를 위치 시킬 수 있습니다. 24 line이 우리가 구현 할 위젯입니다. MapBottomSheet은 StatefulWidget으로 설정합니다. BottomSheet을 AnimatedContainer로 구현 할 것이기 때문에 state가 필요합니다. 기본 동작은 다음과 같습니다. Bottom ..
Flutter/프로젝트
2023. 5. 25. 10:37