本文实例为大家分享了flutter编写精美的登录页面的具体代码,供大家参考,具体内容如下
先看效果图;
?...屏幕中上方是填写帐号以及密码的2个输入框,密码输入框有隐藏和显示密码的按钮.
下方是登录按钮 以及其他登录方式....标题部分
buildTitle(),
buildTitleLine(),
分别实现了Login的文字组件和下方的一个横线组件....,是一个RaiseButton,点击的时候,我们判断输入框内容,符合条件会执行登录方法....,这里我以facebook,twitter和google为例来实现的
ButtonBar是一个按钮的组合,我们放了3个IconButton, 并在list中定义了支持的登录方式.