FutureProviderから返されたAsyncValueのloading中に表示したshowDialogを消すことができない

Question

以下のようなコードで final authC = ref.watch(authFutureProvider);で得られたAsyncValueにおいてwhen()を利用してloading:中にダイアログボックスで'CircularProgressIndicator()'を表示したいと考えております。
ダイアログボックス自体は表示させることができたのですが、loadingの完了に伴い、この表示を消すことができません。そこで調べてみるとshowDialog()は自動的にloadingが完了しても消えないようで、data(data){Navigator.of(context).pop();} //hereを追加したのですが、なおloading完了後にshowDialog()の表示を消すことができません。

当該表示をloading後に消すための解決策についてアドバイスを願えますでしょうか？
よろしくお願い申し上げます。

import 'package:flutter/material.dart';
import 'package:flutter_riverpod/flutter_riverpod.dart';
import 'package:cards/view/register2.dart';
import 'package:cards/view/register4.dart';
import 'package:cards/main.dart';
import 'gender.dart';
import 'header.dart';
import 'navigate.dart';
import 'style.dart';

final authFutureProvider = FutureProvider<bool>(
  (ref) async => authUser(ref),
);

class Register3Widget extends ConsumerWidget {
  @override
  Widget build(BuildContext context, WidgetRef ref) {
    // Widget? loading;
    if (ref.watch(sendEmailPressProvider)) {
    final authC = ref.watch(authFutureProvider);
    authC.when(
      data: (data) {},
      error: (error, stackTrace) {},
          loading: () {
        final loading = 
        WidgetsBinding.instance.addPostFrameCallback((_) {
            showDialog(
            context: context,
            builder: (context) {
              return const Center(
                child: CircularProgressIndicator(),
              );
            }
        );
        });
      },
    );
      data(data){Navigator.of(context).pop();} //here
    }
    final alertMessage = ref.watch(completeErrorMessage);
    return Scaffold(
        body: Padding(
      padding: const EdgeInsetsDirectional.fromSTEB(20, 75, 20, 0),
      child: Column(
        children: [
          Container(
            width: double.infinity,
            height: 50,
            alignment: Alignment.topLeft,
            child: Image.asset('images/logo.png'),
          ),
          Container(
            padding: const EdgeInsetsDirectional.fromSTEB(10, 0, 10, 0),
            margin: const EdgeInsets.only(top: 30),
            width: double.infinity,
            child: Column(
              children: [
                myHeader("性別に関する情報を選択してください"),
                Align(
                  child: GenderSelect(),
                ),
                // awesomeText(icon: FontAwesomeIcons.lightbulb, text: "これらの登録情報を後で修正できます",color: MyStyle.letterColor),
                Row(
                    mainAxisAlignment: MainAxisAlignment.spaceBetween,
                    children: [
                      Align(
                        alignment: Alignment.topRight,
                        child: MyNavigator(
                          destinationTo: Register2Widget(),
                          context: context,
                          goBack: "戻る",
                        ),
                      ),
                      Align(
                        child: MyNavigator(
                            destinationTo: Register4Widget(),
                            context: context,
                            goBack: "確認メールを送信する"),
                      ),
                    ]),
                Container(
                  alignment: Alignment.centerLeft,
                  child: alertMessage,
                ),
              ],
            ),
          ),
        ],
      ),
    ));
    
  }
  
}

import 'package:firebase_auth/firebase_auth.dart';
import 'package:font_awesome_flutter/font_awesome_flutter.dart';

import '../main.dart';
import '../view/style.dart';
Future<bool> authUser(ref) async {
        try {
          final FirebaseAuth auth = FirebaseAuth.instance;
          final UserCredential _result =
            await auth.createUserWithEmailAndPassword(
            email: emailController.text,
            password: maskController.text,
          );
           User _user = _result.user!; // 登録したユーザー情報
           _user.sendEmailVerification();
           return true;
        } on FirebaseAuthException catch (e) {
          if (e.code == 'email-already-in-use') {
            ref.read(completeErrorMessage.notifier).update((state) => awesomeText(icon: FontAwesomeIcons.lightbulb, text: 'EZ01:指定したメールアドレスは登録済みです',color: MyStyle.alertColor));
          } else if (e.code == 'invalid-email') {
            ref.read(completeErrorMessage.notifier).update((state) => awesomeText(icon: FontAwesomeIcons.lightbulb, text: 'EZ02:メールアドレスのフォーマットが正しくありません',color: MyStyle.alertColor));
          } else if (e.code == 'operation-not-allowed') {
            ref.read(completeErrorMessage.notifier).update((state) => awesomeText(icon: FontAwesomeIcons.lightbulb, text: 'EZ03:指定したメールアドレス・パスワードは現在使用できません',color: MyStyle.alertColor)); 
          } else if (e.code == 'weak-password') {
            ref.read(completeErrorMessage.notifier).update((state) => awesomeText(icon: FontAwesomeIcons.lightbulb, text: 'EZ04:パスワードは６文字以上にしてください',color: MyStyle.alertColor)); 
          } else if (e.code == 'network-request-failed') {
            ref.read(completeErrorMessage.notifier).update((state) => awesomeText(icon: FontAwesomeIcons.lightbulb, text: 'EZ05:通信環境を確認してください',color: MyStyle.alertColor)); 
          } else if (e.code == 'too-many-requests') {
            ref.read(completeErrorMessage.notifier).update((state) => awesomeText(icon: FontAwesomeIcons.lightbulb, text: 'EZ06:確認メール送信済みの可能性があります、迷惑メールフォルダ等を確認してください',color: MyStyle.alertColor)); 
          }else{
            ref.read(completeErrorMessage.notifier).update((state) => awesomeText(icon: FontAwesomeIcons.lightbulb, text: 'EZ10:予期しないエラーです、管理者へ問い合わせください',color: MyStyle.alertColor)); 
          }
          return false;
        }
}

Answer 1

実行できないのであくまで想像だけど、popを入れる場所はデータが確定するdataの場所じゃないかな。
そもそも、元の実装は構文エラーが出てないですか？

    authC.when(
      data: (data) {Navigator.of(context).pop();}, // こっちに入れる
      error: (error, stackTrace) {},
          loading: () {
        final loading = 
        WidgetsBinding.instance.addPostFrameCallback((_) {
            showDialog(
            context: context,
            builder: (context) {
              return const Center(
                child: CircularProgressIndicator(),
              );
            }
        );
        });
      },
    );

Comments

[mako_0221]

コメントありがとうございます。すぐに試すことができる環境にいないため、とり急ぎコメントへの御礼をさせていただきます。なお、構文エラー自体は発生していないです。確かに自分のオリジナルのコードでの`data(data){Navigator.of(context).pop();}`はこのdata引数はどことからとって、実行しているのだろう、ととても不思議に思ってはいたのですが、実行だけはできてしまっています。
また、結果を記載させていただきます。

[mako_0221]

すみません、一発解決でした。よく考えればその通りだよなと思いました。
お力添えありがとうございます。