当前位置:网站首页>Shutter -- password login registration interface
Shutter -- password login registration interface
2022-07-28 01:22:00 【Alex Ling】
Password login and registration page (Flutter–Sign in & up --UI)
I think it's still OK Words , You might as well like it and pay attention to , Share some new projects that are easy to learn from time to time .
Click to download Source code
Be careful : GitHub The comments on the source code are in English ,Gitee The Chinese annotation version will be uploaded later

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,))
],
Thank you for your support .
边栏推荐
猜你喜欢

BSP video tutorial issue 21: easy one key implementation of serial port DMA variable length transceiver, support bare metal and RTOS, including MDK and IAR, which is more convenient than stm32cubemx (

BSP视频教程第21期:轻松一键实现串口DMA不定长收发,支持裸机和RTOS,含MDK和IAR两种玩法,比STM32CubeMX还方便(2022-07-24)

逻辑回归原理

Go language variable

Redis cache penetration breakdown and avalanche

Safety detection risk

重新定义分析 - EventBridge 实时事件分析平台发布

Demo: the test interface receives duplicate data and creates documents in a short time

安全检测风险

C language programming | explanation and Simulation of offsetof macro
随机推荐
总投资近16亿元!乾照光电VCSEL、高端LED芯片项目正式开工
Lua快速上手
浏览器视频帧操作方法 requestVideoFrameCallback() 简介
杂谈:一份最初就非常完善的FS跟第一版程序就要求没bug一样不切实际
Demo: the test interface receives duplicate data and creates documents in a short time
Starfish Os打造的元宇宙生态,跟MetaBell的合作只是开始
Go 语言变量
诺基亚宣布与博通合作开发5G芯片
糟糕程序员的20个坏习惯
Swoole定时器
彻底搞懂kubernetes调度框架与插件
Redis-哨兵模式
Gazebo 控制实例
Un7.13: how to add, delete, modify and query in vs Code?
Circular structure of shell system learning
如何解决12,000家中小客户的元器件采购痛点?告别加班!
EWM收货ECC交货单校验逻辑问题
Principle of logistic regression
激光器芯片厂商陕西源杰半导体获广发证券、中信证券等8家投资机构入股
Codeforces暑期训练周报(7.21~7.27)