flutter写一个漂亮的登录界面，想拿高工资

代码实现

1.利用代码模板生成代码，新建一个空页面（如果手动打出一段stateful的代码是真的麻烦）

class LoginPage extends StatefulWidget {
@override
_LoginPageState createState() => _LoginPageState();
}

class _LoginPageState extends State {
@override
Widget build(BuildContext context) {
return Container();
}
}

2.根据布局编写代码

这部分没什么好说的，主要是要熟悉一些控件的使用，根据UI稿一步一步写出布局就可以了。

例如，输入账号和密码的TextForm的实现

/**

• 创建登录界面的TextForm
  /
  Widget buildSignInTextForm() {
  return new Container(
  decoration:
  new BoxDecoration(
  borderRadius: BorderRadius.all(Radius.circular(8))
  , color: Colors.white
  ),
  width: 300,
  height: 190,
  /*
• Flutter提供了一个Form widget，它可以对输入框进行分组，
• 然后进行一些统一操作，如输入内容校验、输入框重置以及输