Study Record

✍ TextField 에서 비밀번호 입력 설정 입력 폼 중 비밀번호를 입력하는 형식이면 글자를 입력할 때 작은 원으로 보이는 기능은 TextField 의 obscureText 를 true 로 해주면 된다. TextField( obscureText: true, )

✍ 입력 폼 border TextField(TextFormField) 의 border 에는 여러 가지 종류가 있는데 여러 가지 상황에서 border 값을 따로 설정할 수 있다. 종류는 다음 표와 같다. border 인자만 설정했을 때 기본 border 값이지만 실제로 시작하고 focus가 없는 처음 상태에서 기본 border 로 적용이 안될 때가 있다. 이때는 enabledBorder 값을 설정해 주면 enabledBorder 값으로 적용된다. 인자 설명 border 기본 border focusBorder focus 가 있는 상태 errorBorder error 상태에서 focus 가 없는 상태 focusErrorBorder error 상태에서 focus 가 있는 상태 enabledBorder 사용 가능..

✍ TextFormField Widget TextFormField 위젯은 TextField 에서 몇개의 기능이 추가된 위젯이다. 따라서, TextField 에서 사용하는 인자값을 거의 그대로 사용할 수 있다. 또한, TextFormField 에는 사용자가 입력한 입력 값을 검증해 정해진 오류에 맞는 text를 보여줄 수 있다.(validator) TextFormField 와 Form 위젯을 함께 사용하면 여러개의 입력값을 한번에 관리할 수 있다. 바로 예시를 들면, import 'package:flutter/material.dart'; void main() => runApp(MaterialApp(home: HomeScreen())); class HomeScreen extends StatefulWidget..

✍ TextField Widget 하드웨어 키보드 또는 화면 키보드를 사용하여 텍스트를 입력할 수 있다. TextField({ Key? key, TextEditingController? controller, FocusNode? focusNode, InputDecoration? decoration = const InputDecoration(), TextInputType? keyboardType, TextInputAction? textInputAction, TextCapitalization textCapitalization = TextCapitalization.none, TextStyle? style, StrutStyle? strutStyle, TextAlign textAlign = TextAlign.sta..

✍ textInputAction 키보드의 엔터 버튼의 값을 바꿀 수 있다. TextField( textInputAction: TextInputAction.next, ); TextInputAction Logical meaning Android IOS none 입력 소스에 대한 관련된 액션 없음. IME_ACTION_NONE 존재하지 않음 unspecified OS별로 가장 적절한 액션을 취함. IME_ACTION_UNSPECIFIED UIReturnKeyDefault done 입력 그룹에 '입력'을 제공함. IME_ACTION_DONE UIReturnKeyDone go 이동 버튼으로 알맞은 곳으로 이동하시키기 위함. IME_ACTION_GO UIReturnKeyGo search 검색 쿼리를 실행시킴. IM..

✍ TextField - Text decoration TextField 에서 텍스트 폰트, 색상 등 스타일을 지정하는 것은 style 인자의 TextStyle() 를 참고한다. [Flutter] Text() ✍ Text Class 단일 스타일의 텍스트를 보여준다. Text( String this.data, { super.key, this.style, this.strutStyle, this.textAlign, this.textDirection, this.locale, this.softWrap, this.overflow, this.textScaleFactor, this.maxLines, this.semanti laustudy.tistory.com 😶 텍스트 방향 (textDirection) 언어마다 읽는 방..

✍ TextField (keyboardType, inputFormatters) TextField 에서 입력받을 텍스트의 타입을 keyboardType 으로 정할 수 있고 inputFormatters 에 설정된 타입 외의 입력값을 입력하면 거부된다. keyboardType 으로 핸드폰의 키보드가 올라오는 것의 종류를 정할 수 있는데 블루투스로 연결한 키보드 사용 시, 원하지 않는 타입의 텍스트를 입력하는 것을 inputFormatters 가 방지해 준다. 😶 keyboardType TextInputType.none : 키보드가 올라오지 않는다. TextInputType.visiblePassword TextInputType.url TextInputType.streetAdress TextInputType.ph..

✍ 커서와 텍스트 핸들러 Flutter 에서 커서와 텍스트 핸들러의 색상을 바꾸려면 ThemeData 의 textSelectionTheme 값을 변경하면 된다. 각각 cursorColor 는 커서 색상, selectionColor 는 텍스트를 드래그했을 때 드래그한 영역의 색상을 뜻한다. selectionHandleColor 는 텍스트 색상을 변경할 수 있다. runApp( MaterialApp( theme: ThemeData( textSelectionTheme: TextSelectionThemeData( selectionHandleColor: Colors.deepOrangeAccent, selectionColor: Colors.greenAccent.withOpacity(0.3), cursorColor:..