TextFormField 클릭 시, 키보드가 덮어버릴 때는 하기 사항을 확인하기 바랍니다.
1. 스크롤이 적용되어 있나?
2. 스크롤이 막혀 있나?
해결 방법은 다음과 같습니다.
아래와 같이 적용하면 TextFormField 클릭 시, 스크롤이 되면서 해당 TextFormField으로 키보드가 올라가여 깔끔하게 입력이 가능해 집니다.
SingleChildScrollView(
physics: ClampingScrollPhysics(),
child: Container(),
)좀 더 설명을 추가하면 physics는 스크롤의 특성을 변경합니다.
변경할 수 있는 스크롤의 특성은 다음과 같습니다
| - NeverScrollableScrollPhysics () : 스크롤이 되지 않도록 합니다. - BouncingScrollPhysics () : Android 스크롤의 기본 세팅으로 스크롤의 시작과 끝에 도달하면 튕기는 효과를 보여줍니다. (GlowEffect,Bouncing) - ClampingScrollPhysics () : iOS의 스크롤의 기본 세팅으로 스크롤의 끝에서 튕기는 효과를 보여줍니다. (Bouncing) |
하기 링크에서 더 자세한 설명을 보시길 바랍니다.
https://api.flutter.dev/flutter/widgets/SingleChildScrollView-class.html
SingleChildScrollView class - widgets library - Dart API
A box in which a single widget can be scrolled. This widget is useful when you have a single box that will normally be entirely visible, for example a clock face in a time picker, but you need to make sure it can be scrolled if the container gets too small
api.flutter.dev
'Flutter(플러터) > UI' 카테고리의 다른 글
| Flutter Stateless & Stateful Widget (0) | 2022.01.04 |
|---|---|
| Flutter 이미지를 SVG Icon ( 아이콘 )으로 만들고 싶을 때. (0) | 2022.01.04 |
| Expanded (0) | 2021.12.31 |
| Flexible (0) | 2021.12.31 |
| TextFormField 클릭 시 오버플로( overflow ) 발생 (0) | 2021.12.28 |
댓글