购物清单应用

使用 Firebase 数据库的简单 Flutter 购物清单应用

购物清单应用

欢迎来到购物清单应用!这款 Flutter 应用可让您通过从购物清单中添加、查看和删除项目来管理您的杂货。

简介

ItemsScreen 是购物清单应用的关键组件,它提供了杂货项目的全面视图。此屏幕允许用户与他们的购物清单进行交互,添加新项目,以及删除他们不再需要的项目。NewItem 屏幕是购物清单应用的重要组成部分,它允许用户输入新杂货项目的详细信息,例如名称、数量和类别。

功能

  • 动态列表: 显示从远程服务器获取的动态杂货项目列表。
  • 添加和删除: 轻松地将新项目添加到您的购物清单或删除现有项目。
  • 类别表示: 每个项目都由一个与其类别对应的图标表示。
  • 加载和错误处理: 加载内容的视觉提示以及在获取失败时出现的错误消息。
  • 用户友好表单: 用于输入项目详细信息(如名称、数量和类别)的直观表单布局。
  • 输入验证: 实时验证以确保用户输入有效。
  • 类别选择: 从下拉列表中为新项目选择一个类别。
  • 数据持久化: 将新添加的项目保存到远程服务器。

用法

  1. 启动应用即可访问“您的杂货”屏幕。
  2. 查看当前购物清单,其中项目已分类并由图标表示。
  3. 使用应用栏中的“+”按钮添加新项目。
  4. 通过在列表中向左滑动要删除的项目来删除项目。
  5. 启动应用并导航到“添加新项目”屏幕。
  6. 输入新杂货项目的名称、数量,并选择一个类别。
  7. 验证并提交表单,将项目添加到您的购物清单。
  8. 您也可以在提交前重置表单或进行更正。

贡献

我们欢迎开源社区的贡献。如果您有改进、错误修复或新功能的想法,请随时贡献。请遵循我们的 贡献指南

许可证

购物清单应用根据 MIT 许可证 发布。您可以根据许可证条款自由使用、修改和分发该应用。

祝您使用购物清单应用购物愉快!

Screenshot 2023-12-14 180537 Screenshot 2023-12-16 182554 Screenshot 2023-12-14 180657 Screenshot 2023-12-14 180608 Screenshot 2023-12-14 180549

GitHub

查看 Github