flutter_base_project

Flutter -Basisprojekt

• Dies ist eine Projektvorlage, die mehrere Bibliotheken enthält, die im Entwicklungsprozess eines Flutter -Projekts mithilfe der MVVM -Architektur helfen. Die Vorlage enthält verschiedene Schichten wie Basis, Konstanten, Erweiterungen, Init und View-Model-Basis. Es umfasst unter anderem Bibliotheken für Staatsmanagement, Lokalisierung, Cache, Netzwerk und Serialisierung. Die Vorlage verfügt über vordefinierte Code zum Erstellen von Ansichten und Ansichtsmodellen, sodass Entwickler die Konzentration auf Seitendesigns und Geschäftslogik einfacher haben.

Geschlechtschritte

• 1-) Öffnen Sie die Datei "flutter_base_project". (Nicht mit VSCODE, Android Studio usw.)
• 2-) Kopieren Sie die Dateien "lib", "Vermögenswerte" und "Skripte" und fügen Sie sie in Ihr eigenes Projekt ein.
• 3-) Integrieren Sie die Bibliotheken und Vermögenswerte in den Ordner "pubspec.yaml".
• 4-) Ersetzen Sie die Importe in den Schließungen durch Ihren eigenen Projektnamen und beheben Sie die Importe.

Flutter -Basisprojektbibliotheken

• Staatsmanagement

  • mobx => https://pub.dev/packages/mobx
  • flutter_mobx => https://pub.dev/packages/flutter_mobx
  • Provider => https://pub.dev/packages/provider
  • mobx_codegen => https://pub.dev/packages/mobx_codegen
  • build_runner => https://pub.dev/packages/build_runner

• Lokalisierung

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

• Cache

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

• Netzwerk

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

• Serialisierbar

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

Projektschichten

• Base

  • Kann von Projekt zu Projekt verschoben werden. Die enthaltenden Strukturen können in jedem Projekt reibungslos verwendet werden.

  • In einem auf der MVVM-Architektur basierenden Projekt erstellen wir die Basisstrukturen von Modell-View-ViewModel-Ebenen von hier aus.

• Konstanten

  • Ordner, bei dem Werte, die sich nicht in der gesamten Anwendung ändern und von Anfang bis Ende verwendet werden können, verwendet werden.

  • Enthält Navigationsnamen, die nach Anwendungspfad, Enum -Werten, Bildkonstanten und Navigationspfaden verwendet werden.

• Erweiterungen

  • Erweiterungen, die in jedem Teil des Projekts in Bezug auf saubere Code -Mentalität verwendet werden können, sind unerlässlich.

  • context_extsion => Der Ort, an dem Werte wie Breite, Höhe, Polsterung und Dauer innerhalb der Anwendung aufbewahrt werden.

• Init

  • Der Ort, an dem wichtige Steuerelemente wie Cache, Lang, Navigation, Netzwerk, Notifier und Thema für eine mobile Anwendung verwaltet werden.

  • Cache => enthält den Lokalmanager zum Verwalten von Anwendungscache in diesem Abschnitt.

  • Lang => enthält Sprachmanager für die Lokalisierung. Für die Lokalisierung sollten die lokalisierten Sprachen in Ordner wie En-US.json, tr-tr.json unter Vermögen/Lang eingesetzt werden. Nach allen in diesen Ordnern vorgenommenen Änderungen sollte der Befehl "Flutter Pub Run Easy_localization: Generate -o lib/core/init/lang -f keys -o locale_keys.g.dart -S -Assets/Lang" im Terminal geschrieben werden.

  • Navigation => Der Ort, an dem Navigationsdienst und Navigationsrouten bereitgestellt werden.

  • Network => wird zum Verwalten von Web -Scraping -Vorgängen von Websites mit DIO verwendet

  • Notifier => verwaltet Themenänderungen zwischen dunklen und hellen Themen mit Themenbekanntmachungen.

  • Thema => wird zur Verwaltung des Themas der Anwendung verwendet.

View-ViewModel-Basis

• Nach Abschluss der im Abschnitt Projektebenen angegebenen architektonischen Entwicklungsprozesse können wir die Ansichten und ViewModels der Anwendung im Allgemeinen füllen.

• In diesem Abschnitt sehen wir, wie wir die Ansichten und ViewModels unserer Anwendung auf integrierte Weise mit dem Code, den wir in der Basisschicht geschrieben haben, verwenden können.

  ViewModel

  • Wenn wir den Abschnitt "ViewModel" erstellen, generieren wir zunächst einen ViewModel -Code mit dem MOBX -Snippet. ( Beachten Sie, dass build_runner_watch während dieses Prozesses aktiv ist. )

  • Nach Abschluss dieses Vorgangs beginnt MOBX_CODEGEN in unserem Namen die generierten Codes in den Ordner viewModel.g.dart.

  • Während der Entwicklung unseres ViewModel verwenden wir das im Abschnitt Basis erstellte Base_View_Model. Für diesen Prozess fügen wir die Klasse mit Store und BaseViewModel -Struktur zur Klasse hinzu, um sie von der BaseViewModel -Klasse abzuleiten.

  • Nach dem Hinzufügen dieser Strukturen integrieren wir unsere Funktionen setContext () und init () aus unserem Base_View_Model. "

  

  Sicht

  • Wenn wir den Ansichtsabschnitt füllen, verwenden wir zunächst die im Abschnitt Basis entwickelte Ansicht.

  • Um unsere Seite zu zeichnen, fügen wir unseren Basisview zum Rückgabebereich hinzu. Diese BaseView muss jedoch aus dem ViewModel (z. B. BaseView ()) abgeleitet werden.

  • Nach der Integration des BaseView beginnen wir mit dem Ausfüllen des Code, den wir hier im Abschnitt Base_view geschrieben haben.

  • ViewModel => Wir geben das ViewModel der Seite, die wir oben erläutert haben.

  • OnModelReady => Wir steuern die Kontextinteraktion des von uns angegebenen Modells.

  • OnPageBuilder => Dies ist der Abschnitt, in dem wir unsere Seite zeichnen.

  

  In Android veröffentlichen

  Credits

  • Vielen Dank an HardWareandro YouTube Channel => https://www.youtube.com/@hardwareandro
  • Vielen Dank an Veli Bacık, der diese Schulungen für mein Lernen zu diesen Themen bereitstellt. => https://github.com/vb10