登录页实现
UI效果:
注意点:
(1) 使用 SafeView 控件来屏蔽 "刘海屏“”的差异。
(2) 定义成员属性 showPassword 用于控制密码的显示与隐藏的形式。
(3) 使用 TextField 控件来实现输入框,且 decoration 属性实现 提示文字等效果。
(4) 使用 TextField 控件的 obscureText 来实现密码框。
(5) 实现路由跳转效果: Application.router.navigateTo(context, “/register”);
(6) 实现获取主题的颜色: Theme.of(context).primaryColor)
(7) 使用TextButton来实现按钮功能。style(ButtonStyle)实现按钮的样式。
代码实现:
login-view.dart文件内容:
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:flutter_hook_up_rent/application.dart';
class LoginView extends StatefulWidget {
@override
_LoginViewState createState() => _LoginView