내가 가끔 쓰는 앱 중 "마이루틴" 이라는 앱이 있습니다.
그 앱에서 설정을 건드리는 부분 중 클릭 했더니 아래에서 위로 올라와서 설정을 변경하는게 마음에 들어서 알아보며 정리한 글 입니다.
일단 Row를 클릭하면 이벤트를 발생시키기 위해
"InkWell" 이라는 위젯을 사용했습니다
https://api.flutter.dev/flutter/material/InkWell-class.html
InkWell class - material library - Dart API
A rectangular area of a Material that responds to touch. For a variant of this widget that does not clip splashes, see InkResponse. The following diagram shows how an InkWell looks when tapped, when using default values. The InkWell widget must have a Mate
api.flutter.dev
이렇게 Row를 child로 집어넣고 클릭하면 위 onTap 이벤트가 발생 시킬 수 있습니다.
https://api.flutter.dev/flutter/material/showModalBottomSheet.html
showModalBottomSheet function - material library - Dart API
Future showModalBottomSheet ({ required BuildContext context, required WidgetBuilder builder, Color? backgroundColor, String? barrierLabel, double? elevation, ShapeBorder? shape, Clip? clipBehavior, BoxConstraints? constraints, Color? barrierColor, bool is
api.flutter.dev
하다보니..
'지나온 흔적' 카테고리의 다른 글
| [ Flutter ] Text 화면 넘침 + ellipsis 처리 (0) | 2025.10.22 |
|---|---|
| [ flutter ] 냥이월드 - KakaoUser 로그인 이후 load 이슈?!?! (0) | 2025.10.15 |
| Flutter Kakao Login ( 임시 - 진행중 ) (0) | 2025.10.13 |
| eGov 설정 (0) | 2025.10.06 |
| [ Flutter ] Container 내 2개의 color 오류 (0) | 2025.09.25 |