浅识Flutter 登录界面的实现
登录界面的实现:
代码:
import 'package:flutter/foundation.dart';
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:fluttertoast/fluttertoast.dart';
class denglu extends StatefulWidget {
@override
Myhome createState() => Myhome();
}
/*--------------------------------------------------------------------*/
class Myhome extends State<denglu> {
TextEditingController usernameController =
TextEditingController(); //控制输入框内容的控制器
TextEditingController usermimaController =
TextEditingController(); //控制输入框内容的控制器
var emailReg =
"^\\w+([-+.]\\w+)*@\\w+([-.]\\w+)*\\.\\w+([-.]\\w+)*\$"; //邮箱的正则表达式
String erroremail = ' ';
String errormima = '';
String username = '';
String usermima = '';
OutlineInputBorder outlineInputBorder = OutlineInputBorder(
borderRadius: BorderRadius.all(Radius.circular(60)), //边角为30的方框
borderSide: BorderSide(color: Colors.black) //设置边框线的颜色和粗细
);
OutlineInputBorder focusoutlineBorder = OutlineInputBorder(
borderRadius: BorderRadius.all(Radius.circular(60)),
borderSide: BorderSide(color: Colors.deepOrange));
FocusNode _focusNode = FocusNode();
FocusNode focusNode1 = FocusNode();
@override