Flutter 学习之路（八）登录页面布局及业务逻辑

最新推荐文章于 2024-08-27 20:54:16 发布

王哪跑！！！

最新推荐文章于 2024-08-27 20:54:16 发布

阅读量1.2k

点赞数

分类专栏： Flutter

本文链接：https://blog.csdn.net/WangQingLei0307/article/details/116497120

版权

Flutter 专栏收录该内容

38 篇文章 18 订阅 ¥9.90 ¥99.00

订阅专栏

超级会员免费看

本文详细介绍了如何在Flutter中创建一个登录页面，包括UI布局和业务逻辑的实现。首先展示了登录页面的设计效果图，接着讲解了CustomScaffold自定义父类布局的用途，简化页面设置。接着，解释了Login页面的实现过程，涉及颜色自定义类ColorUtils的使用。最后，鼓励读者分享更好的实现方式，以便持续改进。

摘要由CSDN通过智能技术生成

上一讲我们说到了main.dart页面跳转到到登录页面，那么今天就讲一下一个完整的页面逻辑是如何实现的。

还是和上面一样，我们通过代码讲解的方式来实现

import 'package:flutter/cupertino.dart';


class Login extends StatefulWidget {
  @override
  _LoginState createState() => _LoginState();
}

class _LoginState extends State<Login> {
  @override
  Widget build(BuildContext context) {
    return Container();
  }

}

这事我们创建的一个登录页面，但是所有业务逻辑和UI布局都没有实现。这里有两个Class，具体每一个都是干什么的，上面讲解main.dart都有介绍。这里就不做过多介绍了。

这里先上一张要实现UI效果图。