앱 UI 메뉴판텍스트 필드“한 줄 입력칸”
메뉴판 › 앱 UI 메뉴판 › 입력받는 것 › 키보드 피하기
이렇게 말하면 통해요“키보드가 입력칸을 가려”“키보드 올라오면 같이 올라가게”“입력칸이 키보드에 묻혀”
헷갈리는 것과 구분
웹은 브라우저가 알아서 밀어 주지만 앱은 직접 처리해야 한다
네이티브에서는
SwiftUI: 기본으로 피함(.ignoresSafeArea(.keyboard) 를 쓰지 말 것) · Flutter: Scaffold(resizeToAvoidBottomInset) · RN: KeyboardAvoidingView(behavior: iOS 는 "padding")
같은 묶음 · 입력받는 것
앱 UI 메뉴판 · 입력받는 것
앱 UI 메뉴판플레이스홀더“흐리게 미리 쓰인 예시”
플레이스홀더 Placeholder
“흐리게 미리 쓰인 예시”앱 UI 메뉴판여러 줄 입력“긴 글 입력칸”
여러 줄 입력 Textarea · Multiline
“긴 글 입력칸”앱 UI 메뉴판OTP 입력“인증번호 칸”
OTP 입력 OTP Input
“인증번호 칸”앱 UI 메뉴판비밀번호 토글“눈 아이콘으로 보기”
비밀번호 토글 Password Toggle
“눈 아이콘으로 보기”앱 UI 메뉴판검색바“돋보기 검색창”
검색바 Search Bar
“돋보기 검색창”앱 UI 메뉴판셀렉트 (시트)“하나 고르는 칸”
셀렉트 (시트) Select · Picker
“하나 고르는 칸”앱 UI 메뉴판체크박스“여러 개 고르기”