본문 바로가기
프런트엔드/Flutter ( APP )

Flutter에서 비밀번호 숨기기 ObscureText 기능

by Alan__kang__morlang 2024. 4. 7.
반응형
TextField 값 처리

 

: Flutter TextField는 텍스트 입력을 위한 기본 위젯입니다. 다양한 옵션을 통해 사용자 정의가 가능하며, 앱 개발에서 텍스트 입력 기능을 구현하는 데 중요한 역할을 합니다.

 

 

obscureText: true, // 비밀번호 안보이게

 

 

  • Flutter의 TextField의 내부 함수인 obsureText를 사용하면 화면에서 가려줄 수 있습니다. 

 

obsureText 적용 화면

 

  •  obscureText  : 선언이 안되어 있으면 default ( false )

    1. true : 비밀번호 마스킹 되어 화면에 보임 
    2. false : 비밀번호 작성 그대로 표현 

 

  • 예제코드 

 

/// 비밀번호

TextField(

controller: passwordController,

obscureText: true, // 비밀번호 안보이게

decoration: InputDecoration(hintText: "비밀번호"),

 

반응형