浅识Flutter 登录界面的实现

本文介绍了如何使用Flutter来创建一个登录界面,详细讲解了相关代码实现过程,包括UI设计和功能交互,适合Flutter初学者参考。
摘要由CSDN通过智能技术生成

浅识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 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值