ChangeNotifierを使ったリストの更新方法

Question

実現したいこと

●あるページから別ページのリストビューを自動的に更新したいです

●本サイトにて以前にも似たような質問をして回答を頂いていますが
階層が深く(複数のクラス/ウィジェットを経由)すると対応が難しい事がわかりましたのでProviderを使う事にしました。

前提

●メインページにBottomAppBar等を使用したアプリを作っています
→アプリ起動後の初期画面はPage1を表示
→Page1のデータ取得にはData2Notifierを使用

●BottomAppBarの中央にくるIconButtonからページ2に移動します
→Page2はDBにデータを登録する処理
→Page1はDBに登録されたデータを取得してリストに表示する処理

発生している問題

● notifyListenersでデータを送信し、Consumerで変更データを受信すると聞いていますが
冒頭の通りリストの自動更新が動きません

●検索で上位に上がってくるサイトを参考にしながら確認しましたがイマイチ原因がわかりません
誤っている部分や、そもそも考え方が誤っている部分が多分に含まれていると思いますのでご指摘いただけないでしょうか？

該当のソースコード

void main() {
  runApp(
    MultiProvider(
      providers: [
        ChangeNotifierProvider<Data1Notifier>(create: (context) => Data1Notifier()),
        ChangeNotifierProvider<Data2Notifier>(create: (context) => Data2Notifier()),
        ChangeNotifierProvider<Data3Notifier>(create: (context) => Data3Notifier()),
      ],
      child: MyApp(),
    ),
  );
}

class MyApp extends StatelessWidget {
        ~省略~
}


class MainPage extends StatefulWidget {
  MainPage({Key? key}) : super(key: key);

  @override
  _MainPageState createState() => _MainPageState();
}

class _MainPageState extends State<MainPage> with WidgetsBindingObserver {
  int _selectedIndex = 0;
  late PageController _pageController; 

  @override
  Widget build(BuildContext context) {
    initializeDateFormatting('ja');

    return Scaffold(
      appBar: AppBar( 省略 ),
      body: PageView(
          controller: _pageController,
          onPageChanged: (index) {
            setState(() => _selectedIndex = index);
          },
          children: _pageList),
      bottomNavigationBar: BottomAppBar(
        height: 120.w,
        child: Container(
          width: 600.w,
          child: Row(
            mainAxisAlignment: MainAxisAlignment.spaceBetween,
            children: [
              Container(width: 30),
              IconButton(
                onPressed: () {
                  _selectedIndex = 0;
                  _pageController.animateToPage(_selectedIndex, duration: Duration(seconds: 1), curve: Curves.easeInOutCubic);
                },
                icon: Icon(Icons.account_circle_rounded, size: 60.sp, color: white),
              ),
              Spacer(),
              IconButton(
                onPressed: () async {
                  Navigator.of(context).push(PageRouteBuilder(
                      pageBuilder: (context, animation, secondaryAnimation) => Page1(),
                      transitionsBuilder: (context, animation, secondaryAnimation, child) {
                        final Animatable<Offset> tween = Tween(begin: Offset(0.0, 1.0), end: Offset.zero).chain(CurveTween(curve: Curves.easeInOut));
                        final Animation<Offset> offsetAnimation = animation.drive(tween);
                        return SlideTransition(position: offsetAnimation, child: child);
                      }));
                },
                icon: Icon(Icons.add, size: 60.sp, color: white),
              ),
              Spacer(),
              IconButton(
                onPressed: () {
                  _selectedIndex = 1;
                  _pageController.animateToPage(_selectedIndex, duration: Duration(seconds: 1), curve: Curves.easeInOutCubic);
                },
                icon: Icon(Icons.business, size: 60.sp, color: white),
              ),
              Container(width: 30),
            ],
          ),
        ),
      ),
    );
  }

class Page1 extends StatefulWidget {
  const Page1({Key? key}) : super(key: key);

  @override
  State<Page1> createState() => _Page1State();
}

class _Page1State extends State<Page1> {
  @override
  Widget build(BuildContext context) {
    final Data2 = Provider.of<Data2Notifier>(context, listen: false);
    final Data1 = Provider.of<Data1Notifier>(context);

    return Scaffold(
      body: FutureBuilder(
          future: Data2.getData(context),
          builder: (context, snapshot) {
            if (snapshot.connectionState == ConnectionState.waiting) {
              return _loading(); //データロード中の場合
            }

            if (snapshot.hasError) {
              return errUI(context); //エラーが起きた場合
            }

            if (Data2.items.length == 0) {
              return _noData(context); //データ件数ゼロの場合
            }

            return Consumer<Data2Notifier>(
              builder: (context, value, child) {
                return _cardList(context, Data1,value.data); //データ件数1以上存在の場合
              },
            );
          }),
    );
  }
}

class Data2Notifier extends ChangeNotifier {
  List items = [];

  Future getData(context) async {
    final Data1 = Provider.of<Data1Notifier>(context,listen: false);
    Map<String, dynamic> postData = {"client_id": Data.code};

    final response = await http.post(
      Uri.parse("${Data1.url}/dummy/dummy"),
      headers: {
        "Content-Type": "application/json",
      },
      body: json.encode(postData),
    );

    print(response.statusCode);
    if (response.statusCode == 200) {
      var result = GetExistData.fromJson(jsonDecode(response.body));
      items = result.items;
    } else {
      throw "error";
    }
  }

  notifyListeners();
}

class GetExistData {
  final List items;

  GetExistData({required this.items});

  factory GetExistData.fromJson(Map<String, dynamic> json) => GetExistData(items: json['data']);
}

Comments

[ta.fu]

Page2のソースは？
後実現したいことは「Page2でDBに登録したらPage1に表示されているリストに表示するデータを最新のDBのものにしたい」ということなのかな？
だけどPage2でDBに登録してもPage1のリストが更新されないということ？

[退会済みユーザー]

>Page2のソースは？
Page1：DBからデータを持ってきてリスト表示
Page2：DBへデータを登録 となっています。

それぞれ独立した通信で連携しているわけではないので省いています
強いて言えば 戻るボタンの onPressedは下記のようになっています
-----------------------------------------------------
Provider<Data2Notifier>(context).GetExistData()
Navigator.of(context).popUntil((route) => route.isFirst);
-----------------------------------------------------

>「Page2でDBに登録したらPage1に表示されているリストに表示するデータを最新のDBのものにしたい」
その通りです

RefreshIndicatorによる手動リロードは問題ないので、
何らかのトリガーで自動的にリロードするのが理想と考えています

最悪 setState((){}) を入れれば強引にリロードさせる事ができるのは分かっていますが
Page2の呼び出し元がMainPage なのでPage1には使えない状況です

[ta.fu]

第3者が追試できるソースが提示されていない状況で、答えを探すのはたぶん難しいのでは。

あえて言うならPage1でwatchしているであろうData1Notifierに、その中でnotifyListenersを呼び出しているメソッドをPage2でコールするというぐらいかな。
これもData1Notifierの役割が分からないのであてずっぽになってしまうけど。

[退会済みユーザー]

・Data1NotifierについてはHTTP通信の時に使うURL/ID/PASSを放り込んで
　独立した複数の通信処理で共有しています　(このような使い方が正しいのかわかりませんが・・・)

・Data2Notifierは前述の通りPage1で使用しています

・Data3Notifierは現状未使用で空です(本問題を解決したら別機能で使用する予定です)

名前付けが紛らわしく申し訳ありません