FlutterError (setState() called after dispose(): により画面遷移がうまくいかない

Question

解決したい問題

「サインイン」というボタンを押したらFirebaseの匿名認証でサインインし、TOP画面に遷移したいです。

しかし、画面の遷移自体は成功するのですが、TOP画面へ遷移した直後下記のようなエラーが発生します。。

FlutterError (setState() called after dispose(): 
_IntroductionScreenState#b372c(lifecycle state: defunct, not mounted) This error 
happens if you call setState() on a State object for a widget that no longer 
appears in the widget tree (e.g., whose parent widget no longer includes the 
widget in its build). This error can occur when code calls setState() from a 
timer or an animation callback. The preferred solution is to cancel the timer or 
stop listening to the animation in the dispose() callback. Another solution is to 
check the "mounted" property of this object before calling setState() to ensure 
the object is still in the tree. This error might indicate a memory leak if 
setState() is being called because another object is retaining a reference to 
this State object after it has been removed from the tree. To avoid memory leaks,
 consider breaking the reference to this object during dispose().)

該当のソースコード

import 'package:flutter/material.dart';
import 'package:lovedan/resources/auth_methods.dart';
import 'package:lovedan/responsive/mobile_screen_layout.dart';
import 'package:lovedan/responsive/responsive_layout.dart';
import 'package:lovedan/responsive/web_screen_layout.dart';
import 'package:lovedan/utils/utils.dart';
import 'package:lovedan/utils/colors.dart';

class IntroductionScreen extends StatefulWidget {
  @override
  State<IntroductionScreen> createState() => _IntroductionScreenState();
}

class _IntroductionScreenState extends State<IntroductionScreen> {
  bool _isLoading = false;

  @override
  void dispose() {
    _isLoading = false;
    super.dispose();
  }

  void signInAnonymously() async {
    // set loading to true
    setState(() {
      _isLoading = true;
    });

    // signup user using our authmethodds
    String res = await AuthMethods().signInAnonymously();
    // if string returned is sucess, user has been created
    if (res == "success") {
        setState(() { // ここでエラー
          _isLoading = false;
        });

      // navigate to the home screen
      Navigator.of(context).pushReplacement(MaterialPageRoute(
        builder: (context) => const ResponsiveLayout(
          mobileScreenLayout: MobileScreenLayout(),
          webScreenLayout: WebScreenLayout(),
        ),
      ));
    } else {
      setState(() {
        _isLoading = false;
      });
      // show the error
      showSnackBar(context, res);
    }
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: ElevatedButton(
          child: !_isLoading
              ? const Text('はじめる')
              : const CircularProgressIndicator(color: primaryColor),
          onPressed: signInAnonymously,
        ),
      ),
    );
  }
}

 Future signInAnonymously() async {
    String res = "エラーが発生しました。。。もう一度試してください。";
    try {
      UserCredential userCredential = await _auth.signInAnonymously();
      model.User _user = model.User(
        uid: userCredential.user!.uid,
        createdAt: DateTime.now(),
        watchingList: [],
      );

      // adding user in our database
      await _firestore
          .collection('users')
          .doc(userCredential.user!.uid)
          .set(_user.toJson());
      res = "success";
    } catch (err) {
      res = err.toString();
      print(res);
    }
    return res;
  }

disposeされた後にsetState関数が呼ばれているからエラーになっている、というのはわかるのですが、、どうコードを書き換えれば良いでしょうか？？

試したこと

https://blog.mrym.tv/2019/12/traps-on-calling-setstate-inside-initstate/

上記を参考に以下のようにコードを変えてみました。

 // signup user using our authmethodds
    String res = await AuthMethods().signInAnonymously();
    // if string returned is sucess, user has been created
    if (res == "success") {
      if (mounted) {
        setState(() {
          _isLoading = false;
        });
      }

すると以下のようにエラー内容が変わりました。。。

FlutterError (This widget has been unmounted, so the State no longer has a context (and should be considered defunct).
Consider canceling any active work during "dispose" or using the "mounted" getter to determine if the State is still active.)

ますます意味がわからなくなりました。。。。
何が起こっているのか、どなたかご教授いただけると幸いです🙏

参考にしたコード

https://github.com/RivaanRanawat/instagram-flutter-clone/blob/master/lib/screens/signup_screen.dart

Answer 1

同一の実装はできないのですが、似たような実装をして操作ミスっぽいことをしたら発生しました。
操作ミスとはCircularProgressIndicatorが表示中に再度ボタンをタップするです。

ちなみに、処理が完了するまでタップを我慢できれば問題ないはずですが、そこらあたりの操作についてはどうでしょうか。

対策は、以下の様に_isLoading中は処理から抜けるようにするです。

  void signInAnonymously() async {
    if (_isLoading) {
      return;
    }

理由は、signInAnonymouslyの処理中にsignInAnonymouslyが呼び出され、1回目のsignInAnonymouslyの画面遷移が完了したのち2回目のsignInAnonymously内のsetStateが呼び出されただめだと思われます。