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