我有四个TextField,我希望每个TextField都尽可能地集中注意力,以使其下方和上方的文本仍然可见且可按。我将在一分钟内添加图像。
我想要的是当我按下密码[输入密码]字段时,确认密码字段也可见。
如果有人可以帮助您,将不胜感激。 有什么方法可以达到这种效果
Widget _buildNameTF(){
return Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: < Widget > [
Text(
'Full Name',
style: kLabelStyle,
),
SizedBox(height: 10.0, ),
Container(
alignment: Alignment.centerLeft,
decoration: kBoxDecorationStyle,
height: 60,
child: TextField(
autofocus: true,
cursorColor: Colors.white,
controller: enteredName,
style: TextStyle(color: Colors.white),
decoration: InputDecoration(
border: InputBorder.none,
contentPadding: EdgeInsets.only(top: 14.0),
prefixIcon: Icon(
Icons.person,
color: Colors.white,
),
hintText: 'Enter your full name.',
hintStyle: kHintTextStyle,
),
),
)
],
);
}
Widget _buildEmailTF() {
return Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: < Widget > [
Text(
'Email',
style: kLabelStyle,
),
SizedBox(height: 10.0, ),
Container(
alignment: Alignment.centerLeft,
decoration: kBoxDecorationStyle,
height: 60,
child: TextField(
autofocus: true,
cursorColor: Colors.white,
controller: enteredEmail,
keyboardType: TextInputType.emailAddress,
style: TextStyle(color: Colors.white),
decoration: InputDecoration(
border: InputBorder.none,
contentPadding: EdgeInsets.only(top: 14.0),
prefixIcon: Icon(
Icons.email,
color: Colors.white,
),
hintText: 'Enter your Email address.',
hintStyle: kHintTextStyle,
),
),
)
],
);
}
Widget _buildPasswordTF() {
return Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: < Widget > [
Text(
'Password',
style: kLabelStyle,
),
SizedBox(height: 10.0, ),
Container(
alignment: Alignment.centerLeft,
decoration: kBoxDecorationStyle,
height: 60,
child: TextField(
autofocus: true,
cursorColor: Colors.white,
controller: enteredPassword,
obscureText: true,
style: TextStyle(color: Colors.white),
decoration: InputDecoration(
border: InputBorder.none,
contentPadding: EdgeInsets.only(top: 14.0),
prefixIcon: Icon(
Icons.lock,
color: Colors.white,
),
hintText: 'Enter your password.',
hintStyle: kHintTextStyle,
),
),
),
],
);
}
Widget _confirmPasswordTF() {
return Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: < Widget > [
Text(
'Confirm Password',
style: kLabelStyle,
),
SizedBox(height: 10.0, ),
Container(
alignment: Alignment.centerLeft,
decoration: kBoxDecorationStyle,
height: 60,
child: TextField(
autofocus: true,
cursorColor: Colors.white,
controller: confirmedPassword,
obscureText: true,
style: TextStyle(color: Colors.white),
decoration: InputDecoration(
border: InputBorder.none,
contentPadding: EdgeInsets.only(top: 14.0),
prefixIcon: Icon(
Icons.lock,
color: Colors.white,
),
hintText: 'Confirm your password.',
hintStyle: kHintTextStyle,
),
),
),
],
);
}