フラッターでBLOCアーキテクチャを実装するベストプラクティス
4241 ワード
フラッターは、アプリケーション開発者があなたのニーズのための理想的なソリューションを提供する美しく、機能豊富なクロスステージアプリケーションを作成することができますGoogleによって支持されたクロスプラットフォームのフレームワークです.複数のアーキテクチャがあります.ブロック のバニラ 継承ウィジェット changenotifier +プロバイダー Redux モグラ ここでは、モバイルアプリケーションを作成するためにBLOCアーキテクチャを実装する方法について説明します.ブロック(ビジネスロジックコンポーネント)は、別のコンポーネントに組み込まれている素晴らしいアーキテクチャパターンです.
ブロックのコンポーネントは、楽に複数のダーツのアプリの間で共有することができますビジネスロジックのみを提供しています.Googleは2019年にGoogle I/Oでこのアーキテクチャを導入しました、そして、現在、それは最高の実行フラッターアーキテクチャのうちの1つであると思われています.
ブロックは、プレゼンテーション層からビジネスロジックの簡単な分離を含む機能の範囲を提供しています.これにより、コードを高速に書くことができ、コードを再利用し、簡単にテストできます.
フラッタのアーキテクチャがたくさんあるので、1つのすべての要件を満たすことができますが見つかりません.しかし、ブロックは非常にその構造の堅牢性と効率を損なうことなく、すべての周りのソリューションを提供するために近づいています.
アプリの開発者は、控えめな部品の助けを借りても非常に複雑なアプリケーションを作成することができますブロックの能力は本当に素晴らしいことができます.
あなたがcreate a Flutter appに必要な最初のステップは、MVVM、DDD、またはクリーンのようなデザインをまとめることです.その後、アーキテクチャは、あなたのアプリケーションで様々な情報ストリームを配置します.
一旦アーキテクチャを設定したら、次のステップはBLOCコンポーネントをそれに統合することです.
Flutterのブロックアーキテクチャを実装する最初のステップは、プロジェクトにブロックライブラリを調整するときに始まります.さらに、フラッタブロックを含める必要があります.
これが完了したら、あなたは場所にブロックデザインを置くことができるフラッタバンドルを持っている.
ブロックライブラリには複数のコンポーネントがあります.ブロック Blocbuilder BlocProvider これらのコンポーネントは、アプリケーションの状態の進行によって必要とされ、条件を設定するブロックを構築し、それらのブロックを構築する必要があります.これはどのようにすべてのガジェット時間を実行し、あなたのアプリケーションのビジネスの理論でそれを使用する方法を見つけることができます.
ブロック
ブロックガジェットは、様々なビジネスの理論を実行できるようになるプライマリセグメントです.これを利用するには、BLOCクラスを展開し、MapEventToStateメソッドと初期状態のテクニックを置き換えます.MapEventToStateでは、アクティビティに対処するさまざまな競合を処理する必要があります.
あなたがそれを完了した後、あなたは状態としてすべての競合を返す必要があります.以下に例を示します.
ダート
ダート
BlocBuilderガジェットは、ブロックを作成することにより、任意の新しい状態に反応します.これは、新しいUIコンポーネントのようなガジェットを作成することによって、状態の変更に反応することができますので、複数の機会で使用することができます.
BuildContextとBloseProviderを使用して開いていない単一のガジェットとしてブロックを取得する場合は、次のようにブロックを示します.
ダート
この重要なガジェットは、依存注入として使用されます.これは、同じサブツリーと一緒に場所があると同時にいくつかのガジェットをブロックを与えることができます.BlocProviderは、サブツリーにあるすべてのガジェットによってアクセスできるブロックを作成するために使用されます.
ダート
情報を使用して任意の活動を再生するには-それを処理し、Webを介して送信すると、今すぐデータセットに保存-あなたのブロックの部分で機会が必要になります.このテクニックを呼び出す必要があります.
ダート
あなたはフラッターアプリを構築する計画している場合は、それは素晴らしいコード品質を提供し、また、はるかに効率的にあなたのアプリケーションの状態を管理するのに役立ちますブロックに解決することができます.
それは、このアーキテクチャのベストを取得し、お客様のビジネスのための素晴らしいアプリケーションを作成する経験豊富なコーダーを必要とする反応性プログラミングやストリームのような技術を使用するように、非常に洗練されています.
あなたが同じようなものについてのあらゆる種類の助けを必要とするならば、あなたは以下にコメントすることができるか、ヘルプに関するあなたのプロジェクトのために我々のflutter app development servicesをチェックすることができます.当社のフラッター開発会社は数々の賞を受賞企業であり、世界中のクライアントのためのいくつかのアプリケーションを構築しています!
ブロックのコンポーネントは、楽に複数のダーツのアプリの間で共有することができますビジネスロジックのみを提供しています.Googleは2019年にGoogle I/Oでこのアーキテクチャを導入しました、そして、現在、それは最高の実行フラッターアーキテクチャのうちの1つであると思われています.
ブロックは、プレゼンテーション層からビジネスロジックの簡単な分離を含む機能の範囲を提供しています.これにより、コードを高速に書くことができ、コードを再利用し、簡単にテストできます.
フラッタのアーキテクチャがたくさんあるので、1つのすべての要件を満たすことができますが見つかりません.しかし、ブロックは非常にその構造の堅牢性と効率を損なうことなく、すべての周りのソリューションを提供するために近づいています.
アプリの開発者は、控えめな部品の助けを借りても非常に複雑なアプリケーションを作成することができますブロックの能力は本当に素晴らしいことができます.
ブロックアーキテクチャの段階的実行
あなたがcreate a Flutter appに必要な最初のステップは、MVVM、DDD、またはクリーンのようなデザインをまとめることです.その後、アーキテクチャは、あなたのアプリケーションで様々な情報ストリームを配置します.
一旦アーキテクチャを設定したら、次のステップはBLOCコンポーネントをそれに統合することです.
ブロックアーキテクチャをプロジェクトに統合する
Flutterのブロックアーキテクチャを実装する最初のステップは、プロジェクトにブロックライブラリを調整するときに始まります.さらに、フラッタブロックを含める必要があります.
これが完了したら、あなたは場所にブロックデザインを置くことができるフラッタバンドルを持っている.
ブロックライブラリにウィジェットをインストールする
ブロックライブラリには複数のコンポーネントがあります.
ブロック
ブロックガジェットは、様々なビジネスの理論を実行できるようになるプライマリセグメントです.これを利用するには、BLOCクラスを展開し、MapEventToStateメソッドと初期状態のテクニックを置き換えます.MapEventToStateでは、アクティビティに対処するさまざまな競合を処理する必要があります.
あなたがそれを完了した後、あなたは状態としてすべての競合を返す必要があります.以下に例を示します.
ダート
enum CounterEvent {increment, decrement}
class CounterBloc extends Bloc {
@override int get initialState => 0;
@override Stream mapEventToState(CounterEvent event) async* {
switch (event) {
case CounterEvent.decrement:
yield state – 1; break; case CounterEvent.increment:
yield state + 1; break;}}}
この例では、カウンターイベントを見つけ、機会型に依存して処理します.これが完了すると、Express(このモデルのint)が復元されます.あなたが反応を編集する必要がある場合は、機会や理論的な状態を作ることができます.ダート
//Customized state @immutable abstract class IncomingState {}
class InitialIncomingState extends IncomingState {}
class HandledState extends IncomingState {
final int counter;
HandledState(this.counter); }@immutable abstract class IncomingEvent {}
class IncrementEvent extends IncomingEvent {
IncrementEvent(); }class DecrementEvent extends IncomingEvent {
DecrementEvent(); }
ブロックビルダーBlocBuilderガジェットは、ブロックを作成することにより、任意の新しい状態に反応します.これは、新しいUIコンポーネントのようなガジェットを作成することによって、状態の変更に反応することができますので、複数の機会で使用することができます.
BuildContextとBloseProviderを使用して開いていない単一のガジェットとしてブロックを取得する場合は、次のようにブロックを示します.
ダート
BlocBuilder(
bloc: blocA, // provide the local bloc instance builder: (context, state) {
// return widget here based on the state of BlocA})
ブロックプロバイダーこの重要なガジェットは、依存注入として使用されます.これは、同じサブツリーと一緒に場所があると同時にいくつかのガジェットをブロックを与えることができます.BlocProviderは、サブツリーにあるすべてのガジェットによってアクセスできるブロックを作成するために使用されます.
ダート
BlocProvider(
builder: (BuildContext context) => BlocA(), child: ChildA(), );
催す
情報を使用して任意の活動を再生するには-それを処理し、Webを介して送信すると、今すぐデータセットに保存-あなたのブロックの部分で機会が必要になります.このテクニックを呼び出す必要があります.
ダート
bloc.add(YourEvent());
それはすべて必要です!今すぐブロックセグメントはあなたの機会と対話します.結論
あなたはフラッターアプリを構築する計画している場合は、それは素晴らしいコード品質を提供し、また、はるかに効率的にあなたのアプリケーションの状態を管理するのに役立ちますブロックに解決することができます.
それは、このアーキテクチャのベストを取得し、お客様のビジネスのための素晴らしいアプリケーションを作成する経験豊富なコーダーを必要とする反応性プログラミングやストリームのような技術を使用するように、非常に洗練されています.
あなたが同じようなものについてのあらゆる種類の助けを必要とするならば、あなたは以下にコメントすることができるか、ヘルプに関するあなたのプロジェクトのために我々のflutter app development servicesをチェックすることができます.当社のフラッター開発会社は数々の賞を受賞企業であり、世界中のクライアントのためのいくつかのアプリケーションを構築しています!
Reference
この問題について(フラッターでBLOCアーキテクチャを実装するベストプラクティス), 我々は、より多くの情報をここで見つけました https://dev.to/ravi_makhija/best-practices-to-implement-the-bloc-architecture-in-flutter-3pg2テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol