首先創(chuàng)建一個密碼框
TextField(
controller: _passwordControl,
obscureText: true,
decoration: InputDecoration(
contentPadding: const EdgeInsets.all(15.0),
hintText: '請輸入密碼',
border: OutlineInputBorder(
borderRadius: BorderRadius.all(
Radius.circular(28), //邊角為30
),
borderSide: BorderSide(
color: Colors.amber, //邊線顏色為黃色
width: 2, //邊線寬度為2
),
),
)
)
設(shè)置右側(cè)的小眼睛圖標并綁定事件
return TextField(
controller: _passwordControl,
obscureText: _isShow,
decoration: InputDecoration(
contentPadding: const EdgeInsets.all(15.0),
hintText: '請輸入密碼',
suffix: GestureDetector(
onTap: _showPassword,
child: Icon(
Icons.remove_red_eye,
color: !_isShow ? Colors.red : Colors.grey,
)
),
border: OutlineInputBorder(
borderRadius: BorderRadius.all(
Radius.circular(28), //邊角為30
),
borderSide: BorderSide(
color: Colors.amber, //邊線顏色為黃色
width: 2, //邊線寬度為2
),
),
)
);
