flutter_base_project

Flutter Base项目

• 这是一个项目模板，其中包括几个库，可以使用MVVM体系结构来帮助扑朔迷离项目的开发过程。该模板包括不同的层，例如基础，常数，扩展，初始化和视图模型底座。它还包括用于州管理，本地化，缓存，网络和序列化等库。该模板具有用于构建视图和视图模型的预定义代码，使开发人员更容易专注于页面设计和业务逻辑。

分类步骤

• 1-）打开“ flutter_base_project”文件。 （不与VSCODE，Android Studio等一起使用）
• 2-）复制“ lib”，“资产”和“脚本”文件，然后将它们粘贴到您自己的项目中。
• 3-）将库和资产集成到“ pubspec.yaml”文件夹中。
• 4-）用您自己的项目名称替换关闭中的导入并修复导入。

扑动基础项目库

• 国家管理

  • mobx => https://pub.dev/packages/mobx
  • flutter_mobx => https://pub.dev/packages/flutter_mobx
  • 提供者=> https://pub.dev/packages/provider
  • mobx_codegen => https://pub.dev/packages/mobx_codegen
  • build_runner => https://pub.dev/packages/build_runner

• 本土化

  • easy_localization => https://pub.dev/packages/easy_localization

• 缓存

  • shared_preferences => https://pub.dev/packages/shared_preferences

• 网络

  • dio => https://pub.dev/packages/dio

• 可序列化

  • json_serializable => https://pub.dev/packages/json_serializable

项目层

• 根据

  • 可以从项目转移到项目。它包含的结构可以在每个项目中平稳使用。

  • 在基于MVVM体系结构的项目中，我们从这里创建了模型视图模型层的基础结构。

• 常数

  • 保留了不会在整个应用程序中不会更改并可以从头到尾使用的值。

  • 包括通过应用程序路径，枚举值，图像常数，导航路径使用的导航名称。

• 扩展

  • 可以在项目的每个部分使用清洁代码心态使用的扩展。

  • context_extension =>值，诸如宽度，高度，填充和持续时间之类的值。

• init

  • 为移动应用程序管理重要控制的地方，例如缓存，Lang，Navigation，Network，Notefier和主题。

  • CACHE =>包含用于管理应用程序缓存的Locale Manager。

  • lang =>包含用于本地化的语言管理器。对于本地化，应将本地化的语言放入资产/lang下的tr-tr.json等文件夹中。在这些文件夹中进行了任何更改之后，命令“ flutter Pub运行easy_localization：生成-o lib/core/incor/init/lang -f keys -o locale_keys.g.dart -s Assets/lang”应写入终端。

  • 导航=>提供导航服务和导航路线的地方。

  • 网络=>用于使用DIO从网站管理Web刮擦操作

  • Notifier =>管理主题主题与主题Notifier之间的主题变化。

  • 主题=>用于管理应用程序主题。

View-ViewModel基础

• 完成项目层部分中指定的架构开发过程后，我们可以开始填写应用程序的视图和视图模型。

• 在本节中，我们了解如何以集成的方式与基础层中编写的代码一起使用应用程序的视图和视图。

  ViewModel

  • 当我们开始制作ViewModel部分时，我们首先使用MOBX摘要开始生成ViewModel代码。 （请注意，build_runner_watch在此过程中处于活动状态。 ）

  • 完成此过程后，MOBX_CODEGEN开始代表我们将生成的代码写入ViewModel.g.Dart文件夹。

  • 在开发ViewModel时，我们使用基本部分中制作的base_view_model。在此过程中，我们将类，baseViewModel结构添加到类中，以从BaseViewModel类得出。

  • 添加这些结构后，我们从base_view_model集成了setContext（）和init（）函数。”

  

  看法

  • 开始填写视图部分时，我们首先使用基本部分中开发的View_base。

  • 要绘制我们的页面，我们将baseview添加到返回部分，但是此基础视图必须从viewModel（例如：baseview（））派生。

  • 集成基本视图后，我们开始填写我们在此处的base_view部分中编写的代码。

  • ViewModel =>我们给出了如上所述的页面的ViewModel。

  • OnModelReady =>我们控制了我们提供的模型的上下文相互作用。

  • OnPageBuilder =>这是我们开始绘制页面的部分。

  

  发布到Android

  学分

  • 感谢HardwareAndro YouTube频道=> https://www.youtube.com/@hardwareandro
  • 感谢VeliBacık提供这些培训，以促进我对这些主题的学习。 => https://github.com/vb10