flutter_base_project

フラッターベースプロジェクト

• これは、MVVMアーキテクチャを使用したフラッタープロジェクトの開発プロセスを支援するいくつかのライブラリを含むプロジェクトテンプレートです。テンプレートには、ベース、定数、拡張機能、init、ビューモデルベースなどのさまざまなレイヤーが含まれます。また、国家管理、ローカリゼーション、キャッシュ、ネットワーク、シリアル化などのライブラリも含まれています。このテンプレートには、ビューとビューモデルを構築するための事前定義されたコードがあり、開発者がページデザインとビジネスロジックに集中しやすくなります。

挿入手順

• 1-）「flutter_base_project」ファイルを開きます。 （VSCode、Android Studioなどではありません。）
• 2-）「lib」、「assets」、「scripts」ファイルをコピーして、独自のプロジェクトに貼り付けます。
• 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

  • キャッシュ、ラング、ナビゲーション、ネットワーク、通信器、テーマなどの重要なコントロールがモバイルアプリケーション用に管理されている場所です。

  • Cache =>このセクションでアプリケーションキャッシュを管理するためのロケールマネージャーが含まれています。

  • Lang =>ローカリゼーションの言語マネージャーが含まれます。ローカライズのために、ローカライズされる言語は、Assets/Langの下でEn-Us.json、Tr-Tr.jsonなどのフォルダーに配置する必要があります。これらのフォルダーに変更が加えられた後、コマンド「Flutter Pub Run Easy_Localization：生成-o lib/core/lang -f keys -o locale_keys.g.dart -s assets/lang」は端末に記述する必要があります。

  • ナビゲーション=>ナビゲーションサービスとナビゲーションルートが提供される場所。

  • Network => DIOを使用してWebサイトからWebスクレイピング操作の管理に使用される

  • notifier =>テーマノーシファイアを使用して、暗いテーマと明るいテーマの間のテーマの変更を管理します。

  • テーマ=>アプリケーションのテーマの管理に使用されます。

View-viewmodelベース

• Project Layersセクションで指定されたアーキテクチャ開発プロセスを完了した後、一般的にアプリケーションのビューとビューモデルを記入し始めることができます。

• このセクションでは、ベースレイヤーに書いたコードと統合された方法で、アプリケーションのビューとビューモデルをどのように使用できるかを確認します。

  ViewModel

  • ViewModelセクションの作成を開始すると、最初にMOBXスニペットを使用してViewModelコードを生成し始めます。 （ build_runner_watchはこのプロセス中にアクティブであることに注意してください。 ）

  • このプロセスを完了した後、MOBX_CODEGENは、生成されたコードの書き込みを開始します。

  • ViewModelを開発している間、ベースセクションで作成したbase_view_modelを使用します。このプロセスでは、ClassをStore、BaseViewModel構造をクラスに追加して、BaseViewModelクラスから導き出します。

  • これらの構造を追加した後、base_view_modelからsetcontext（）およびinit（）関数を統合します。

  

  ビュー

  • ビューセクションに記入し始めたら、最初にベースセクションで開発したView_Baseを使用します。

  • ページを描画するには、baseViewを返信セクションに追加しますが、このベースビューはviewmodel（例：baseview（））から派生する必要があります。

  • baseViewを統合した後、ここのbase_viewセクションに書いたコードの記入を開始します。

  • ViewModel =>上記のように描いたページのViewModelを示します。

  • onModelReady =>提供したモデルのコンテキストインタラクションを制御します。

  • OnPageBuilder =>これは、ページの描画を開始するセクションです。

  

  Androidに公開します

  クレジット

  • Hardwareandro YouTubeチャンネル=> https://www.youtube.com/@hardwareandroに感謝します
  • これらのトピックに関する私の学習に貢献するためにこれらのトレーニングを提供してくれたVeliBacıkに感謝します。 => https://github.com/vb10