常連

### 実現したいこと

flutterを勉強しています。
pubspec.yamlの中身は子のようになっています。

```YAML
name: sample_project
description: "sample_project"

publish_to: 'none' # Remove this line if you wish to publish to pub.dev


version: 1.0.0+1

environment:
  sdk: ^3.7.2

dependencies:
  flutter:
    sdk: flutter

  cupertino_icons: ^1.0.8
###■
  flutter_flavor: ^3.1.4
  flutter_flavorizr: ^2.4.0

dev_dependencies:
  flutter_test:
    sdk: flutter

  flutter_lints: ^5.0.0

flutter:

  uses-material-design: true

flavorizr:
  app:
    android:
      flavorDimensions: "flavor-type"
  flavors:
    dev:
      app:
        name: "テキストDev"
      android:
        applicationId: "com.firebaseapp.xxxxdev"
    prod:
      app:
        name: "テキスト"
      android:
        applicationId: "com.firebaseapp.xxxxprod"

```

### 前提

学習動画では「★flutter pub run flutter_flavorizr を実行すると以下が作られる」となってます。
main_dev.dart
main_prod.dart
また、main.dartの中身も書き換えられているとありました。
![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2025-04-21/d580344c-ba8d-444f-b1c6-eb9c7a3af906.jpeg)

しかし、私の環境では作られていないし、main.dartも書き換えられていませんでした。
![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2025-04-21/195568e8-2fb9-4f3f-b331-4bad79214b58.png)

なぜでしょうか？

### 試したこと

ネットで調べてみましたが、やはり★のコマンドを実行するとmain_(flavor).dartが作られるそうでした。
それか、今の最新バージョンのFlutterでは仕様が変わり作られなくなったのでしょうか？

https://zenn.dev/mukkun69n/articles/63aecad4a732fa
　
　

　
※"flutter_flavor, flutter_flavorizr"を追加した後すぐに「flutter pub get」を実行していて以下のように変更完了した状態になっています。
> Changed 18 dependencies!
> 7 packages have newer versions incompatible with dependency constraints.
> Try `flutter pub outdated` for more information.
　
　
　
また「flutter pub run flutter_flavorizr」を実行したときも以下のように成功しています。
> PS C:\Users\flutter_app> flutter pub run flutter_flavorizr
> Deprecated. Use `dart run` instead.
> Flavorization process started
> The following instructions will be executed:
>  - assets:download
>  - assets:extract
>  - android:androidManifest
>  - android:flavorizrGradle
>  - android:buildGradle
>  - android:dummyAssets
>  - android:icons
>  - flutter:flavors
>  - flutter:app
>  - flutter:pages
>  - flutter:main
>  - google:firebase
>  - huawei:agconnect
>  - assets:clean
>  - ide:config
> Do you want to proceed? (Y/n) Yes                                                                                                                 
> ✓ [assets:download] Completed (0.6s)
> ✓ [assets:extract] Completed (82ms)
> ✓ [android:androidManifest] Completed (52ms)
> ✓ [android:flavorizrGradle] Completed (3ms)
> ✓ [android:buildGradle] Completed (7ms)
> ✓ [android:dummyAssets] Completed (50ms)
> ✓ [android:icons] Completed (1ms)
> ✓ [flutter:flavors] Completed (1ms)
> ✓ [flutter:app] Completed (2ms)
> ✓ [flutter:pages] Completed (7ms)
> ✓ [flutter:main] Completed (3ms)
> ✓ [google:firebase] Completed (1ms)
> ✓ [huawei:agconnect] Completed (0ms)
> ✓ [assets:clean] Completed (11ms)
> ✓ [ide:config] Completed (0ms)
> Flavorization process finished
> PS C:\Users\flutter_app> 


flutterでmain_(flavor).dartファイルが作られない



### 実現したいこと
![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2025-03-15/84466867-7b45-4389-bfb4-a78ea104e4c4.png)



### 発生している問題・分からないこと
上の写真のような線をAndroid studioでFlutterを使う時に表示するにはどのような設定をしてるか教えてくれませんか？🙇



### 該当のソースコード

```
特になし
```

### 試したこと・調べたこと
- [x] teratailやGoogle等で検索した
- [ ] ソースコードを自分なりに変更した
- [ ] 知人に聞いた
- [x] その他

[stackoverflowの同じ質問](https://stackoverflow.com/questions/63424219/how-to-show-components-tree-in-code-editor)
上のリンクのようにstackoverflowでも何個か同じ質問がありましたが解決されていませんでした。

##### 上記の詳細・結果
プラグインやAndoroid studioの設定を触ってみましたがわかりませんでした。

### 補足
特になし

Android studioでFlutterを使うときにウィジェットの親子関係を示す線を可視化する設定方法がわからない

### 前提・実現したいこと

現在、UdacityのBuild Native Mobile Apps with Flutterを進めています。
この講座のLesson2-11でエラーが出てしまい、先に進めません。
解決方法を教えていただきたく存じます。

### 発生している問題・エラーメッセージ

```
LateInitializationError: Field '_currentCategory@24037776' has not been initialized.

```

### 該当のソースコード

```ここに言語名を入力
import 'package:flutter/material.dart';

import 'backdrop.dart';
import 'category.dart';
import 'category_tile.dart';
import 'unit.dart';
import 'unit_converter.dart';

class CategoryRoute extends StatefulWidget {
  const CategoryRoute();

  @override
  _CategoryRouteState createState() => _CategoryRouteState();
}

class _CategoryRouteState extends State<CategoryRoute> {
  late Category _defaultCategory;
  late Category _currentCategory;
  final _categories = <Category>[];
  static const _categoryNames = <String>[
    'Length',
    'Area',
    'Volume',
    'Mass',
    'Time',
    'Digital Storage',
    'Energy',
    'Currency',
  ];
 static const _baseColors = <ColorSwatch>[
   Colors.teal,
   Colors.orange,
   Colors.pinkAccent,
   Colors.blueAccent,
   Colors.yellow,
   Colors.greenAccent,
   Colors.purpleAccent,
   Colors.red,
 ];

 static const _categoryIcon = <IconData> [
   Icons.thumb_up,
   Icons.thumb_down,
   Icons.accessibility,
   Icons.accessible,
   Icons.accessible_outlined,
   Icons.account_box,
   Icons.adb,
   Icons.add_a_photo,
   Icons.add_alarm,
 ];

  @override
  void initState() {
    super.initState();
    for (var i = 0; i < _categoryNames.length; i++) {
      var category = Category(
        name: _categoryNames[i],
        color: _baseColors[i],
        icon: _categoryIcon[i],
        units: _retrieveUnitList(_categoryNames[i]),
      );
      if (i == 0) {
        _defaultCategory = category;
      }
      _categories.add(category);
    }
  }

  void _onCategoryTap(Category category) {
    setState(() {
      _currentCategory = category;
    });
  }

  Widget _buildCategoryWidgets() {
    return ListView.builder(
      itemBuilder: (BuildContext context, int index) {
        return CategoryTile(
          category: _categories[index],
          onTap: _onCategoryTap,
        );
      },
      itemCount: _categories.length,
    );
  }

  List<Unit> _retrieveUnitList(String categoryName) {
    return List.generate(10, (int i) {
      i += 1;
      return Unit(
        name: '$categoryName Unit $i',
        conversion: i.toDouble(),
      );
    });
  }

  @override
  Widget build(BuildContext context) {
    final listView = Padding(
      padding: EdgeInsets.only(
        left: 8.0,
        right: 8.0,
        bottom: 48.0,
      ),
      child: _buildCategoryWidgets(),
    );

    return Backdrop(
      currentCategory:
          _currentCategory == null ? _defaultCategory : _currentCategory,
      frontPanel: _currentCategory == null
          ? UnitConverter(category: _defaultCategory)
          : UnitConverter(category: _currentCategory),
      backPanel: listView,
      frontTitle: Text('Unit Converter'),
      backTitle: Text('Select a Category'),
    );
  }
}
```

### 試したこと
[試した解決方法(リンク先はstackoverflowです）](https://stackoverflow.com/questions/67401385/lateinitializationerror-field-data-has-not-been-initialized-got-error)



### 補足情報（FW/ツールのバージョンなど）

Flutter 2.20
Dart 2.13.0
VSCode 1.56.2

LateInitializatioinErrorの対処法を教えてください。

AndroidStudioにてDartSDKのバージョン変更の方法を知りたいです。

FlutterでRiverpodを導入しようとしたところ、以下エラーが出てきて先へ進めません。

```
The current Dart SDK version is 2.13.4.

Because riverpod_sample requires SDK version >=2.14.0 <3.0.0, version solving failed.
pub get failed (1; Because riverpod_sample requires SDK version >=2.14.0 <3.0.0, version solving failed.)
```

pubspec.yamlにて、
```ここに言語を入力
environment:
  sdk: ">=2.14.0 <3.0.0"
```
上記のように変更をしてから「Pub get」を行おうとしても、同様のエラーが出てきて、先へは進めません。

AndroidStudioで進めており、Dart SDKのバージョンは以下の通りです。
![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2022-01-13/85be1806-7b78-45bd-b14d-6530b426bae6.png)

Dart SDKのバージョンを変更したいのですが、変更方法がわからないため、教えていただきたいです。
以下リンクの内容も試してみましたが、「2.14.0」への変更ができませんでした。
[https://dart.dev/get-dart](url)

「flutter upgrade」を行っても、DartSDKのバージョンは更新されませんでした。

どのようにしたら良いでしょうか？
よろしくお願いいたします。

【Flutter】Dart SDKのバージョン変更をしたい【AndroidStudio】

## 問題概要
FlutterアプリでFirebase認証を使い、Google Sign-Inを実装しています。Android版では正常に動作しますが、iOS版のみ認証時に「Error 400: invalid_request」が発生します。

## エラーメッセージ
{}部分については置換済み。
```
エラー 400: invalid_request
リクエストの詳細: response_type=code code_challenge_method=S256 nonce={省略} 
device_os=iOS 18.3.2 client_id={CLIENT_ID} emm_support=1 gpsdk=gid-7.1.0 gidenv=ios state={省略} 
redirect_uri={REVERSED_CLIENT_ID}:/oauth2callback code_challenge={省略} include_granted_scopes=true access_type=offline 
scope=https://www.googleapis.com/auth/userinfo.email 
https://www.googleapis.com/auth/userinfo.profile openid flowName=GeneralOAuthFlow
```

## 前提
- Firebase AuthenticationでGoogleサインインを有効化済み
- Android側端末では実端末、エミュレータともGoogleサインインの正常動作確認済み(ログイン成功)。ios側ではどちらもエラー発生(アプリがクラッシュするわけではなく、エラーが出る)。
- iOS端末については複数端末、複数アカウントで同事象が発生することを確認済み。
- GoogleService-Info.plistはGoogleサインインを有効化後にダウンロードし、xcodeからios/Runner配下に格納済み。
- AppCheckについて、Android側、ios側とも有効化済みであり、適用APIはFirebase Authentication、Google Identity for iOS等。

## 環境情報
- Flutter: 3.29.2
- firebase_auth: ^5.5.1
- google_sign_in: ^6.1.5
- iOS: 18.3.2
- Xcode: 最新版

## 実装コード
```dart
// lib/repository/fireauth/sign_in_with_google_repository.dart
Future<dynamic> signInWithGoogle() async {
  try {
    //Google認証フローを起動する
    final GoogleSignInAccount? googleUser = await GoogleSignIn().signIn();
    if (googleUser == null) {
      debugPrint('Google sign in: User cancelled');
      throw const AppException(
        message: 'ログインをキャンセルしました。',
      );
    }
 
    final googleAuth = await googleUser.authentication;

    final credential = GoogleAuthProvider.credential(
      accessToken: googleAuth.accessToken,
      idToken: googleAuth.idToken,
    );
    UserCredential userCredential =
        await FirebaseAuth.instance.signInWithCredential(credential);

    return userCredential;
  } catch (e) {
    // エラー処理省略
  }
}
```

## Info.plist設定
```xml
<key>CFBundleURLTypes</key>
<array>
  <dict>
    <key>CFBundleTypeRole</key>
    <string>Editor</string>
    <key>CFBundleURLSchemes</key>
    <array>
      <string>{REVERSED_CLIENT_ID}</string>
    </array>
  </dict>
</array>
<key>GIDClientID</key>
<string>{CLIENT_ID}</string>
```

## 試した解決策
1. `GoogleSignIn()`をパラメータなしで使用
2. ソースコードの方で直接`clientId`パラメータを設定
3. `scopes`パラメータを追加（email, profile）
4. firebaseのiosプロジェクトを一度削除し、再作成、再連携。

FirebaseやGoogle Cloud Consoleでの設定を含めてどのように解決すべきでしょうか？

下記でも同じ質問をしています。
[firebase - FlutterでiOS版のみGoogle Sign-In認証でError 400: invalid_requestが発生する問題 - スタック・オーバーフロー](https://ja.stackoverflow.com/questions/100975/flutter%e3%81%a7ios%e7%89%88%e3%81%ae%e3%81%bfgoogle-sign-in%e8%aa%8d%e8%a8%bc%e3%81%a7error-400-invalid-request%e3%81%8c%e7%99%ba%e7%94%9f%e3%81%99%e3%82%8b%e5%95%8f%e9%a1%8c)

FlutterでiOS版のみGoogle Sign-In認証でError 400: invalid_requestが発生する問題

### 実現したいこと

- [ ] The expression doesn't evaluate to a function, so it can't be invoked.を解決させて、正常な挙動にする。

### 前提

FlutterのUI構築の仕方を勉強するにあたり、Youtubeの動画を真似して勉強しています。

### 発生している問題・エラーメッセージ

```
The expression doesn't evaluate to a function, so it can't be invoked.
```

### 該当のソースコード

```nav_screen.dart
import 'package:facebook_clone/screens/screens.dart';
import 'package:flutter/material.dart';
import 'package:material_design_icons_flutter/material_design_icons_flutter.dart';
import 'home_screen.dart';

import '../widgets/widgets.dart';

class NavScreen extends StatefulWidget {
  const NavScreen({super.key});

  @override
  State<NavScreen> createState() => _NavScreenState();
}

class _NavScreenState extends State<NavScreen> {
  final List<Widget> _screens = [
    HomeScreen(),
    Scaffold(),
    Scaffold(),
    Scaffold(),
    Scaffold(),
    Scaffold(),
  ];
  final List<IconData> _icons = [
    Icons.home,
    Icons.ondemand_video,
    MdiIcons.accountCircleOutline,
    MdiIcons.accountGroupOutline,
    MdiIcons.bellOutline,
    Icons.menu,
  ];
  int _selectedIndex = 0;

  @override
  Widget build(BuildContext context) {
    return DefaultTabController(
      length: _icons.length,
      child: Scaffold(
        body: _screens(_selectedIndex),
        bottomNavigationBar: CustomTabBar(
          icons: _icons,
          selectedIndex: _selectedIndex,
          onTap: (index) => setState(() => _selectedIndex = index),
        ),
      ),
    );
  }
}

```
```home_screen.dart
import 'package:facebook_clone/config/palette.dart';
import 'package:facebook_clone/data/data.dart';
import 'package:facebook_clone/widgets/circle_button.dart';
import 'package:flutter/material.dart';
import 'package:material_design_icons_flutter/material_design_icons_flutter.dart';
import 'package:facebook_clone/widgets/widgets.dart';

import '../models/models.dart';

class HomeScreen extends StatelessWidget {
  const HomeScreen({super.key});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: CustomScrollView(
        slivers: [
          SliverAppBar(
            brightness: Brightness.light,
            backgroundColor: Colors.white,
            title: Text(
              "facebook",
              style: TextStyle(
                color: Palette.facebookBlue,
                fontSize: 28.0,
                fontWeight: FontWeight.bold,
                letterSpacing: -1.2,
              ),
            ),
            centerTitle: false,
            floating: true,
            actions: [
              CircleButton(
                icon: Icons.search,
                iconSize: 30.0,
                onPressed: () => print("Search"),
              ),
              CircleButton(
                icon: MdiIcons.facebookMessenger,
                iconSize: 30.0,
                onPressed: () => print("Messenger"),
              ),
            ],
          ),
          SliverToBoxAdapter(
            child: CreatePostContainer(currentUser: currentUser),
          ),
          SliverPadding(
            padding: const EdgeInsets.fromLTRB(0.0, 10.0, 0.0, 5.0),
            sliver: SliverToBoxAdapter(
              child: Rooms(onlineUsers: onlineUsers),
            ),
          ),
          SliverPadding(
            padding: const EdgeInsets.fromLTRB(0.0, 5.0, 0.0, 5.0),
            sliver: SliverToBoxAdapter(
              child: Stories(
                currentUser: currentUser,
                stories: stories,
              ),
            ),
          ),
          SliverList(
            delegate: SliverChildBuilderDelegate(
              (context, index) {
                final Post post = posts[index];
                return PostContainer(post: post);
              },
              childCount: posts.length,
            ),
          ),
        ],
      ),
    );
  }
}

```

```widgets.dart
export 'circle_button.dart';
export 'create_post_container.dart';
export 'rooms.dart';
export 'profile_avatar.dart';
export 'stories.dart';
export 'post_container.dart';
export 'custom_tab_bar.dart';

```


### 試したこと

The expression doesn't evaluate to a function, so it can't be invoked.を和訳したところ、
この式は関数として評価されないので、呼び出すことはできません。という意味だと判明。
The expression doesn't evaluate to a function, so it can't be invoked.でググったところ、以下のページに行き着く。
https://stackoverflow.com/questions/63667623/currentuser-is-not-working-type-why-i-am-seeing-the-expression-doesnt-evaluat
上記のページをもとにして考えてみたところ、nav_screen.dart38行目での記述body: _screens(_selectedIndex),は関数の呼び出しで使っているはずなのに記述として間違っていることはわかりました。しかしお手本にしている動画(1:05:30秒辺り)https://www.youtube.com/watch?v=HvLb5gdUfDE&t=62s
では関数の呼び出しとして機能しています。いろいろ自分なりに調べてみましたが今回の場合どう対応させれば良いのかというのが30分ほど考えてみましたがわからなかったので質問させてください。
現在FlutterのUIの構築のやり方を勉強するという段階なので今回の場合だとどううまく対応させれば良いかがわからない状況です。widgets.dartにexportしている各ファイルは記述量が多くなってしまうのでコメント欄に記載させていただきます。情報の追加依頼などありましたらコメントお願いします。
### 補足情報（FW/ツールのバージョンなど）
[✓] Flutter (Channel stable, 3.7.0, on macOS 13.1 22C65
darwin-x64, locale ja-JP)
[✓] Android toolchain - develop for Android devices
(Android SDK version 32.1.0-rc1)
[✓] Xcode - develop for iOS and macOS (Xcode 14.2)
[✓] Chrome - develop for the web
[✓] Android Studio (version 2021.2)
[✓] VS Code (version 1.74.3)
[✓] Connected device (3 available)
[✓] HTTP Host Availability

参考にしている動画
https://www.youtube.com/watch?v=HvLb5gdUfDE&t=62s






The expression doesn't evaluate to a function, so it can't be invoked.

# 解決したいこと
![m1](4716be4099b700e939d68260818cb991.jpeg)

「作品の見所」と言うテキストを、黄色の枠内で**上下だけ中央にしたいです！**

**「縦だけ中央」のイメージとしては下記????のような状態です。**
上下に中央で左に少しのpaddingを持たせるイメージです。
![m2](5b307552ebe501a14c4667da50654520.jpeg)

このようなデザインにするにはどうすれば良いでしょうか？？


#該当のソース

```dart
Container(
    width: MediaQuery.of(context).size.width,
    height: 50,
    color: Theme.of(context).primaryColor,
      child: Text(
         '作品の見所',
          style: Theme.of(context).textTheme.headline5,
           ),
      )
```

Flutter テキストを上下だけ中央にするには？

### 実現したいこと
こんにちは。現在RiverpodのStateNotifierProvider.autoDisposeを使用してログイン画面のViewModelを実装しています。ViewModel内にはフォーム用のGlobalKeyを持たせており、Widgetからそのキーを参照しています。

### 発生している問題・分からないこと
1. Duplicate GlobalKeyエラー: ログイン後にログアウトして再びログイン画面に遷移すると、『Duplicate GlobalKey detected in widget tree.』というエラーが表示されます。
2. 状態の維持: StateNotifierProvider.autoDisposeを使用しているにもかかわらず、画面遷移後も前回入力したログイン情報が残っており、状態が維持されています。状態は破棄されるべきだと思いますが、破棄されていないようです。
3. onDisposeが呼び出されない: ref.onDisposeで破棄時にログを出力するように設定しましたが、画面遷移時にログが出力されません。他のautoDisposeのproviderを使用している画面でも同様にref.onDisposeが呼び出されていないことから、providerが破棄されていない原因があると考えています。

質問
1. RiverpodのStateNotifier.autoDisposeを使用する際に、GlobalKeyをViewModel内で管理することは適切でしょうか？
2. Duplicate GlobalKeyエラーを回避するためのベストプラクティスがあれば教えてください。
3. autoDisposeが期待通りに動作しておらず、状態が維持されてしまう問題について、何か考えられる原因や解決策はありますか？
4.ref.onDisposeが呼び出されない理由について、考えられる点やデバッグ方法を教えてください。

アドバイスや経験談があれば教えていただけると助かります。

よろしくお願いします。

### エラーメッセージ
```error
======== Exception caught by widgets library =======================================================
The following assertion was thrown while finalizing the widget tree:
Duplicate GlobalKey detected in widget tree.

The following GlobalKey was specified multiple times in the widget tree. This will lead to parts of the widget tree being truncated unexpectedly, because the second time a key is seen, the previous instance is moved to the new location. The key was:
- [LabeledGlobalKey<FormState>#2ae82]
This was determined by noticing that after the widget with the above global key was moved out of its previous parent, that previous parent never updated during this frame, meaning that it either did not update at all or updated before the widget was moved, in either case implying that it still thinks that it should have a child with that global key.
The specific parent that did not update after having one or more children forcibly removed due to GlobalKey reparenting is:
- Padding(padding: EdgeInsets(41.3, 0.0, 41.3, 0.0), dependencies: [Directionality], renderObject: RenderPadding#cf18c relayoutBoundary=up2 NEEDS-PAINT)
A GlobalKey can only be specified on one widget at a time in the widget tree.
When the exception was thrown, this was the stack: 
#0      BuildOwner.finalizeTree.<anonymous closure> (package:flutter/src/widgets/framework.dart:3235:15)
#1      BuildOwner.finalizeTree (package:flutter/src/widgets/framework.dart:3260:8)
#2      WidgetsBinding.drawFrame (package:flutter/src/widgets/binding.dart:1143:19)
#3      RendererBinding._handlePersistentFrameCallback (package:flutter/src/rendering/binding.dart:443:5)
#4      SchedulerBinding._invokeFrameCallback (package:flutter/src/scheduler/binding.dart:1392:15)
#5      SchedulerBinding.handleDrawFrame (package:flutter/src/scheduler/binding.dart:1313:9)
#6      SchedulerBinding._handleDrawFrame (package:flutter/src/scheduler/binding.dart:1171:5)
#7      _invoke (dart:ui/hooks.dart:312:13)
#8      PlatformDispatcher._drawFrame (dart:ui/platform_dispatcher.dart:419:5)
#9      _drawFrame (dart:ui/hooks.dart:283:31)
====================================================================================================

```

### 該当のソースコード

```Dart
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:hooks_riverpod/hooks_riverpod.dart';

import 'package:freezed_annotation/freezed_annotation.dart';
import 'package:vparty/repositories/user_repository.dart';
import 'package:vparty/repositories/vrchat_repository.dart';
import 'package:vparty/services/user_service.dart';
import 'package:vparty/services/vrchat_service.dart';
import 'package:vparty/ui/screens/bottom_navigation_screen.dart';
import 'package:vparty/ui/screens/create_account_screen.dart';
import 'package:vparty/ui/screens/email_one_time_code_screen.dart';
import 'package:vparty/ui/utils/show_loading_dialog.dart';
import 'package:vparty/utils/shared_prefs.dart';
import 'package:vparty/view_model/base_view_model.dart';

part 'login_view_model.freezed.dart';

@freezed
class LoginState with _$LoginState {
  const factory LoginState({
    @Default("") String username,
    @Default("") String password,
    Exception? exception,
  }) = _LoginState;
}

final loginProvider =
    StateNotifierProvider.autoDispose<LoginViewModel, LoginState>((ref) {
  ref.onDispose(() {
    print('disposed');
  });
  return LoginViewModel();
});

class LoginViewModel extends BaseViewModel<LoginState> {
  LoginViewModel() : super(const LoginState());

  GlobalKey<FormState> formKey = GlobalKey<FormState>();

  void inputUsername(String username) {
    state = state.copyWith(username: username);
  }

  void inputPassword(String password) {
    state = state.copyWith(password: password);
  }

  void login(BuildContext context) async {
    if (!formKey.currentState!.validate()) return;
    await LoadingDialog.show(context);
    try {
      final repository = await VRChatRepository.create();
      final service = VRChatService(repository);
      final isRequireTwoFactorAuth =
          await service.login(state.username, state.password);

      Widget screen;
      if (isRequireTwoFactorAuth) {
        screen = const EmailOneTimeCodeScreen();
      } else {
        //Firebase上にuserIDが存在するか確認する。
        final userService = UserService(repository: UserRepository());
        final uid = await SharedPrefs.getVRChatUid();
        if (uid == null) throw Exception('uid is null');
        final isExistUserID = await userService.isExistUserID(uid);
        screen = isExistUserID
            ? BottomNavigationScreen()
            : const CreateAccountScreen();
      }

      Navigator.pushReplacement(
          context, MaterialPageRoute(builder: (context) => screen));
    } catch (e) {
      state = state.copyWith(exception: e as Exception);
    } finally {
      LoadingDialog.close(context);
    }
  }

  @override
  void dismissException() {
    state = state.copyWith(exception: null);
  }
}

```

```Dart
@override
  Widget build(BuildContext context, ref) {
    final notifier = ref.read(loginProvider.notifier);
    final state = ref.watch(loginProvider);
    showError(context, state.exception, notifier);
    return LoginScaffold(
        child: Stack(
      children: [
        buildInfoIcon(onPressed: () {
          Navigator.push(context, MaterialPageRoute(builder: (context) {
            return const ContactUsScreen();
          }));
        }),
        Padding(
          padding: EdgeInsets.symmetric(horizontal: SizeConfig.width * 11),
          child: Form(
            key: notifier.formKey,
            child: Column(
              children: [
                Gap(SizeConfig.height * 10),
                Image.asset('assets/images/logos/VRChatLogo.png'),
                Gap(SizeConfig.height * 10),
                buildLoginTextField(
                  hintText: AppString.usernameOrEmail,
                  obscureText: false,
                  onChanged: (text) => notifier.inputUsername(text),
                  validator: Validators.validateUsernameOrEmail,
                ),
                Gap(SizeConfig.height * 5),
                buildLoginTextField(
                  hintText: AppString.password,
                  obscureText: true,
                  onChanged: (text) => notifier.inputPassword(text),
                  validator: Validators.validatePassword,
                ),
                Gap(SizeConfig.height * 10),
                buildLoginButton(onPressed: () => notifier.login(context)),
              ],
            ),
          ),
        ),
      ],
    ));
  }
```

### 試したこと・調べたこと
- [x] teratailやGoogle等で検索した
- [x] ソースコードを自分なりに変更した
- [x] 知人に聞いた
- [ ] その他

##### 上記の詳細・結果
StackOverFlowでautodisposeをつけてporivderが破棄されないケースを調べましたが、よくわかりませんでした。

### 補足
先ほどNavigator.pushメソッドの前にNavigator.popメソッドを走らせたら、無事providerが破棄されました。