3

フラッターでの状態管理に関する特定の質問があることは知っていますが、それらのどれも私のユースケースを解決していないようです。

最近、私は電子商取引に基づくアプリを構築していて、状態管理のこの真の必要性に遭遇しました。2ページありましたが、

  1. 1 つは製品ページで、製品をカートに追加します。
  2. 2 つ目はカート ページで、最近カートに追加された商品が表示されます。

製品とカートのページ

ユーザーは商品をカートに追加してから、カートに移動できます。カートページでは、商品の数量を増減することもできます。

ご覧のとおり、最初は黄色のアイテムが数量 3 でカートに追加されましたが、カート ページで、ユーザーが (-) ボタンを押して数量を 1 に減らしました。ユーザーが [戻る] ボタンを押すと、次の状態になります。黄色の製品は、製品ページでは 3 のままです。ピンクの商品も同様の状況です。

したがって、通常の setState といくつかのグローバル データ構造を使用してこれを解決し、数量を追跡しようとしました。しかし、私のアプリが大きくなるにつれて、ページ全体で状態を維持するのが本当に難しくなりました。Redux、BloC パターン、プロバイダーなどのさまざまな状態管理ソリューションについて読んだことがありますが、ユースケースでそれらを使用する方法が明確ではありません。経験のある方、岩を砕いて消化を手伝っていただけますか?

これを解決する方法についてのサンプル コードと説明をいただければ幸いです。

私の問題が明確であることを願っています!

4

2 に答える 2