当前位置:网站首页>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 .
边栏推荐
- If asynchronous processing is implemented according to the framework
- 测试人员需要了解的软件流程
- Flutter--密码登录注册界面
- JS global function method module exports exports
- Lua advanced
- BYD semiconductor completed the a+ round financing of 800million yuan: 30 well-known investment institutions entered the market, with a valuation of 10.2 billion yuan!
- 【游戏】任天堂Nintendo Switch超详细购买/使用指南以及注意事项(根据自己使用持续更新中...)
- 激光器芯片厂商陕西源杰半导体获广发证券、中信证券等8家投资机构入股
- S-RPN: Sampling-balanced region proposal network for small crop pest detection
- 3年经验想拿20K,居然面了半个月都没拿到?
猜你喜欢

Hierarchy of file system

“蔚来杯“2022牛客暑期多校训练营3 补题题解(A、C、J)

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

C language programming | single dog topic explanation

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

Flutter 通话界面UI

mysql查询条件字段值末尾有空格也能查到数据问题

Unity Shader入门精要学习——基础纹理

测试人员需要了解的软件流程

Tool function: pay the non empty field value in one workspace to the same field in another workspace
随机推荐
4月全球智能手机出货同比下滑41%,华为首次超三星成全球第一
Cesium add inundation analysis measurement area
Realize ABCD letter increment
swoole-WebSocket服务
At the meeting on June 19, SMIC may set the fastest listing record in China!
晶方科技:光刻机厂商ASML为公司参与并购的Anteryon公司的最主要客户之一
Redis-哨兵模式
Jingfang Technology: ASML, a lithography machine manufacturer, is one of the main customers of Anterion company, which participated in the merger and acquisition of the company
Cross domain requests in nodejs
Lua快速上手
Lua进阶
Circular structure of shell system learning
比亚迪半导体完成8亿元A+轮融资:30家知名投资机构入局,估值已达102亿元!
C语言main函数传递参数
Shaanxi Yuanjie semiconductor, a laser chip manufacturer, was invested by 8 investment institutions including GF Securities and CITIC Securities
8000字讲透OBSA原理与应用实践
Understanding of cap
How to solve the pain points of 12000 small and medium-sized customers' component procurement? Say goodbye to overtime!
工具函数:把一个工作区中非空字段值付给另一个工作区相同字段
糟糕程序员的20个坏习惯