Flutter 更改按钮的可见性clear textformfield
我实现了在中显示/隐藏密码。问题是,当我单击显示/隐藏密码按钮时,它会清除该字段,并且图标不会更改。 我不确定我做错了什么,因为链接中的答案几乎是1:1Flutter 更改按钮的可见性clear textformfield,flutter,dart,Flutter,Dart,我实现了在中显示/隐藏密码。问题是,当我单击显示/隐藏密码按钮时,它会清除该字段,并且图标不会更改。 我不确定我做错了什么,因为链接中的答案几乎是1:1 import 'package:flutter/cupertino.dart'; import 'package:flutter/material.dart'; import 'package:email_validator/email_validator.dart'; class RegistrationPage extends State
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:email_validator/email_validator.dart';
class RegistrationPage extends StatefulWidget {
final String email;
const RegistrationPage({Key? key, required this.email}) : super(key: key);
@override
_RegistrationPage createState() => _RegistrationPage();
}
class _RegistrationPage extends State<RegistrationPage> {
@override
Widget build(BuildContext context) {
final emailController = TextEditingController();
final passwordController = TextEditingController();
final repeatedPasswordController = TextEditingController();
final phoneNumberController = TextEditingController();
final usernameController = TextEditingController();
var _passwordVisible = false;
@override
void dispose() {
emailController.dispose();
passwordController.dispose();
repeatedPasswordController.dispose();
phoneNumberController.dispose();
usernameController.dispose();
super.dispose();
}
@override
void initState() {
_passwordVisible = false;
}
return Scaffold(
appBar: AppBar(
title: Text("Zarejestruj się"),
centerTitle: true,
elevation: 6.0,
shape: ContinuousRectangleBorder(
borderRadius: const BorderRadius.only(
topLeft: Radius.circular(90.0),
),
),
),
body: SingleChildScrollView(
child: Container(
padding: EdgeInsets.all(20.0),
width: MediaQuery.of(context).size.width,
height: MediaQuery.of(context).size.height,
child: Column(
crossAxisAlignment: CrossAxisAlignment.center,
children: [
FlutterLogo(size: 80),
SizedBox(
height: 30.0,
),
Text(
'Witamy na pokładzie!',
style: TextStyle(
fontSize: 20,
color: Color(0xff000000),
),
textAlign: TextAlign.center,
),
SizedBox(
height: 10.0,
),
Text(
'Utwórz nowe konto',
style: TextStyle(
fontSize: 17,
color: Color(0xff000000),
),
textAlign: TextAlign.center,
),
SizedBox(
height: 30.0,
),
Form(
child: Column(
children: <Widget>[
TextFormField(
controller: emailController..text = widget.email,
decoration: InputDecoration(
border: OutlineInputBorder(),
hintText: 'Adres e-mail',
fillColor: Color(0xffffffff),
filled: true,
prefixIcon: Icon(Icons.mail),
),
validator: (value) {
if (value == null || value.isEmpty) {
return 'Please enter an email';
} else if (!EmailValidator.validate(value)) {
return 'Please enter proper mail';
}
return null;
},
),
SizedBox(
height: 10.0,
),
TextFormField(
controller: phoneNumberController,
keyboardType: TextInputType.phone,
decoration: InputDecoration(
border: OutlineInputBorder(),
hintText: 'Numer telefonu',
fillColor: Color(0xffffffff),
filled: true,
prefixIcon: Icon(Icons.phone),
),
validator: (value) {},
),
SizedBox(
height: 10.0,
),
TextFormField(
controller: usernameController,
decoration: InputDecoration(
border: OutlineInputBorder(),
hintText: 'Nazwa użytkownika',
fillColor: Color(0xffffffff),
filled: true,
prefixIcon: Icon(Icons.account_circle),
),
validator: (value) {},
),
SizedBox(
height: 10.0,
),
TextFormField(
controller: passwordController,
decoration: InputDecoration(
border: OutlineInputBorder(),
hintText: 'Hasło',
fillColor: Color(0xffffffff),
filled: true,
prefixIcon: Icon(Icons.password),
),
validator: (value) {
return null;
},
),
SizedBox(
height: 10.0,
),
TextFormField(
controller: repeatedPasswordController,
obscureText: !_passwordVisible,
decoration: InputDecoration(
border: OutlineInputBorder(),
hintText: 'Powtórz hasło',
fillColor: Color(0xffffffff),
filled: true,
prefixIcon: Icon(Icons.password),
suffixIcon: IconButton(
icon: Icon(
_passwordVisible
? Icons.visibility
: Icons.visibility_off,
color: Theme.of(context).primaryColorDark,
),
onPressed: () {
setState(() {
print(repeatedPasswordController.text);
_passwordVisible = !_passwordVisible;
});
},
),
),
validator: (value) {
return null;
},
),
SizedBox(
height: 15.0,
),
ConstrainedBox(
constraints:
BoxConstraints.tightFor(width: 240, height: 60),
child: ElevatedButton(
onPressed: () {},
child: Text('Zarejestruj',
style: TextStyle(
fontSize: 30,
color: Color(0xffffffff),
),
textAlign: TextAlign.center),
style: ButtonStyle(
backgroundColor: MaterialStateProperty.all<Color>(
Color(0xFF2F45C6),
),
shape:
MaterialStateProperty.all<RoundedRectangleBorder>(
RoundedRectangleBorder(
borderRadius: BorderRadius.circular(25.0),
),
),
),
),
),
],
),
)
],
),
),
),
backgroundColor: const Color(0xFEF9F9FC),
);
}
}
import'包装:flift/cupertino.dart';
进口“包装:颤振/材料.省道”;
导入“包:email_validator/email_validator.dart”;
类注册页扩展StatefulWidget{
最终字符串电子邮件;
const RegistrationPage({Key?Key,必选this.email}):super(Key:Key);
@凌驾
_RegistrationPage createState()=>\u RegistrationPage();
}
类注册页扩展状态{
@凌驾
小部件构建(构建上下文){
最终emailController=TextEditingController();
最终密码控制器=TextEditingController();
final repeatedPasswordController=TextEditingController();
final phoneNumberController=文本编辑控制器();
最终用户名控制器=TextEditingController();
var_passwordVisible=false;
@凌驾
无效处置(){
emailController.dispose();
passwordController.dispose();
repeatedPasswordController.dispose();
phoneNumberController.dispose();
usernameController.dispose();
super.dispose();
}
@凌驾
void initState(){
_passwordVisible=false;
}
返回脚手架(
appBar:appBar(
标题:文本(“Zarejestruj się”),
标题:对,
标高:6.0,
形状:连续矩形边框(
borderRadius:仅限常量borderRadius(
左上:半径。圆形(90.0),
),
),
),
正文:SingleChildScrollView(
子:容器(
填充:所有边缘设置(20.0),
宽度:MediaQuery.of(context).size.width,
高度:MediaQuery.of(context).size.height,
子:列(
crossAxisAlignment:crossAxisAlignment.center,
儿童:[
标志(尺寸:80),
大小盒子(
身高:30.0,
),
正文(
“Witamy na pokładzie!”,
样式:TextStyle(
尺寸:20,
颜色:颜色(0xff000000),
),
textAlign:textAlign.center,
),
大小盒子(
身高:10.0,
),
正文(
“Utwórz nowe konto”,
样式:TextStyle(
尺寸:17,
颜色:颜色(0xff000000),
),
textAlign:textAlign.center,
),
大小盒子(
身高:30.0,
),
形式(
子:列(
儿童:[
TextFormField(
控制器:emailController..text=widget.email,
装饰:输入装饰(
边框:OutlineInputBorder(),
hintText:“地址电子邮件”,
填充颜色:颜色(0xffffffff),
是的,
前缀:图标(Icons.mail),
),
验证器:(值){
if(value==null | | value.isEmpty){
返回“请输入电子邮件”;
}如果(!EmailValidator.validate(值)){
返回“请输入正确的邮件”;
}
返回null;
},
),
大小盒子(
身高:10.0,
),
TextFormField(
控制器:电话号码控制器,
键盘类型:TextInputType.phone,
装饰:输入装饰(
边框:OutlineInputBorder(),
hintText:“电话号码”,
填充颜色:颜色(0xffffffff),
是的,
前缀:图标(Icons.phone),
),
验证器:(值){},
),
大小盒子(
身高:10.0,
),
TextFormField(
控制器:usernameController,
装饰:输入装饰(
边框:OutlineInputBorder(),
hintText:“Nazwa użytkownika”,
填充颜色:颜色(0xffffffff),
是的,
前缀:图标(图标.帐户\圆圈),
),
验证器:(值){},
),
大小盒子(
身高:10.0,
),
TextFormField(
控制器:密码控制器,
装饰:输入装饰(
边框:OutlineInputBorder(),
hintText:“Hasło”,
填充颜色:颜色(0xffffffff),
是的,
前缀:图标(图标.密码),
),
验证器:(值){
返回null;
},
),
大小盒子(
身高:10.0,
),
TextFormField(
控制器:repeatedPasswordController,
蒙蔽文字:!\u密码可见,
装饰:输入装饰(
边框:OutlineInputBorder(),
hintText:“Powtórz有ło”,
填充颜色:颜色(0xffff)
class _RegistrationPage extends State<RegistrationPage> {
final emailController = TextEditingController();
final passwordController = TextEditingController();
final repeatedPasswordController = TextEditingController();
final phoneNumberController = TextEditingController();
final usernameController = TextEditingController();
var _passwordVisible = false;
@override
Widget build(BuildContext context) {
...
}
...