密码登录及注册页面(Flutter–Sign in & up --UI)
觉得还OK的话,不妨点赞关注一下,不定期分享一些简单易学的新项目。
点击便可下载源码
(GitHub路径)
Gitee下载路径: https://gitee.com/ling-jiahua/flutter-login-page.git
注意:
GitHub 上源码注释为英文,Gitee上后期会上传中文注释版
children: <Widget>[
const SizedBox(height: 30,),
const Text("Hi, Alex",style: TextStyle(fontWeight: FontWeight.bold, fontSize: 24),),
Container(
width: 90,
height: 5,
decoration: const BoxDecoration(
color: primary
),
),
const SizedBox(height: 40,),
TextField(
cursorColor: primary,
controller: _controllerEmail,
decoration: const InputDecoration(
enabledBorder: UnderlineInputBorder(
borderSide: BorderSide(color: primary)
),
focusedBorder: UnderlineInputBorder(
borderSide: BorderSide(color: primary)
),
hintText: "Please enter your mobile/email number",
hintStyle: TextStyle(fontSize: 14)
),
),
const SizedBox(height: 30,),
TextField(
obscureText: !isShowPassword,
cursorColor: primary,
controller: _controllerPassword,
decoration: InputDecoration(
hintStyle: const TextStyle(fontSize: 14),
hintText: "Please enter password",
enabledBorder: const UnderlineInputBorder(
borderSide: BorderSide(color: primary)
),
focusedBorder: const UnderlineInputBorder(
borderSide: BorderSide(color: primary)
),
suffixIcon: FlatButton(onPressed: () {
setState(() {
isShowPassword = !isShowPassword;
});
}, child: Icon(isShowPassword ? Icons.visibility : Icons.visibility_off, color: primary,))
),
),
const SizedBox(height: 30,),
InkWell(
onTap: () {
gotoForgotPassword();
},
child: const Align(child: Text("Forgot password?"), alignment: Alignment.centerRight,)),
const SizedBox(height: 30,),
Row(
children: <Widget>[
Expanded(
child: FlatButton(
color: primary,
onPressed: () {
print("login action");
}, child: const Text("Sign in",style: TextStyle(color: white),)),
)
],
),
const SizedBox(height: 30,),
InkWell(
onTap: () {
goToSignUpPage();
},
child: const Align(child: Text("unregistered?"),alignment: Alignment.center,))
],
感谢各位的支持。