Password TextField

Sunny·2022년 5월 30일

예시를 들어 TextField에서 password field를 만들어보자(rewind)


                TextField(
                  controller: passwordController,
                  scrollPadding: EdgeInsets.only(bottom: 120),
                  obscureText: _hideText,
                  // 글자를 숨키거나 보여주는 부분
                  style: TextStyle(color: BogoColor.bogoWhite),
                  decoration: InputDecoration(
                    hintText: "비밀번호",
                    hintStyle: TextStyle(color: BogoColor.bogoWhite),
                    enabledBorder: 
                    // 밑줄 Border
                    UnderlineInputBorder(
                      borderSide: BorderSide(color: BogoColor.bogoGray),
                    ),
                    focusedBorder: UnderlineInputBorder(
                      borderSide: BorderSide(color: BogoColor.bogoGray),
                    ),
                    suffixIcon: IconButton(
                      color: BogoColor.bogoWhite,
                      icon: Icon(
                          _hideText ? Icons.visibility : Icons.visibility_off),
                      onPressed: () {
                        setState(() {
                          _hideText = !_hideText;
                        });
                      },
                    ),
                  ),
                ),

profile
즐거움을 만드는 사람

0개의 댓글