电子商务组织
一款模拟自然产品电子商务的应用程序,用于通过 Flutter 和 Dart 进行导航和路由的课程。
? 项目功能
该应用程序列出了篮子、生产者和篮子中的物品,包含图片、标题、描述和价格。数据通过 json 文件获取。还实现了一个路由方案,该方案与堆栈模型一起工作,并且应用程序具有汉堡菜单和多个屏幕。所有这些都通过组件化和模型、组件、屏幕、存储库等之间的职责分离来组织、易于自定义和可重用。
✔️ 使用的技术和工具
rootBundle:读取 json 文件中的数据组件化:项目的自定义组件位于“components”文件夹中颜色集中化:应用程序中使用的所有颜色都来自一个名为 app_colors 的文件,这增加了可定制性,而对代码逻辑影响不大。图像集中化:应用程序中使用的所有图像都来自一个名为 app_images 的文件,这增加了可定制性,而对代码逻辑影响不大。nuvigator:从 aula_2 开始的分支中,我们使用了一个名为 nuvigator 的库,它允许我们操作路由流、参数、嵌套导航等。
? 项目访问
项目访问方式如下:
start
├── aula_1
├── aula_2
├── aula_3
├── start_nested
├── aula_4
└── main
start 分支是存储库的起点,我们将从它开始开发 aula_1。反过来,aula_2 是 aula_1 的延续,依此类推。main 分支是最终版本,其中包含到 aula_4 为止课程创建的最终代码。
您可以 下载 包含项目初始代码的 zip 文件。
?️ 打开和运行项目
要运行此项目,您需要:
- 在您的计算机上安装 Flutter
- 拥有一个代码编辑器或 IDE,如 Android Studio 或 Intellij Idea。
如果您选择上述 IDE,应用程序的运行过程将通过它们顶部的播放按钮进行。如果您选择通过命令行运行项目,请使用命令 flutter run。请记住,在运行命令之前,请导航到项目文件夹。
有关环境配置的更多说明,我们建议阅读文章 Flutter – 如何配置开发环境。如果您希望获得比 Flutter Formation 课程更深入的知识,我们推荐 Alura 出版的书籍 Flutter Framework 入门 和 Flutter 深入。
? 更多课程信息
nuvigator 课程的重点是教授如何首先使用原生机制、堆栈和命名路由来操作 Flutter 应用程序的路由。在学习了这些方法之后,我们迁移到使用 nuvigator 库,该库提供了更快速、更少的代码来创建和管理命名路由。我们学习了如何创建匿名 nuvigator、实例化、自定义路由、参数传递和嵌套导航。
