Flutter --- 一个粗糙的登录注册Demo

1,060 阅读1分钟

页面划分

  • 登录注册页
  • 用户列表页
  • 用户搜索页

第三方组件使用

  • shared_preferences
  • provider

Demo功能简介

  • 通过注册功能产生的用户,使用shared_preferences维护一个本地的用户列表。
  • 已经注册的用户(用户名唯一)无法再次注册,登录会校验用户名密码是否匹配(UI上会有登录或注册时发生异常的提示)
  • 通过Provider来对用户的ViewModel进行状态管理,用户ViewModel获取本地存储的用户列表并渲染展示在用户列表页,
  • 用户列表页可以执行用户的删除操作
  • 搜索结果页通过Selector,根据搜索关键字,对用户ViewModel的user列表进行过滤并展示(搜索结果列表不可以执行删除用户的操作)

备注

近半个多月的flutter的学习,不写点东西,又会忘记,无论项目的大小都要动手写一写,有很多不完善的地方还是要多学习,多看源码没毛病。 PS:Star不Star的无所谓,如果能demo能帮到像我一样刚接触flutter的同学,那也算一件好事(手动狗头~)

Demo的Github地址

GIF