常連

### 実現したいこと
ある会社では従業員情報を下記のようなNoSQLのドキュメント指向データベースに保存している。
従業員情報は、従業員自身が社内ポータルサイトで検索・閲覧することができる。
社内ポータルサイトは、ログインID/PWの他に、部署名と役職名も入力した上でログインする必要がある。

公開範囲・・・ログイン者に応じて表示するかしないかを設定したもの。
例えば、西村の場合、ログイン者が営業部または技術部の課長以上のみに表示するように公開範囲を設定しています（ログイン者がリーダーだったり、人事部だったりした場合は表示しない）
※{}の場合は全員に公開の意味です。
例）公開範囲＝役職：{}、部署：技術部だったら、技術部の人には誰でも公開し、技術部**以外**の人だったら非公開にします。
　
```JSON
{
   //--------------------
   //従業員コレクション
   //--------------------
   "従業員": {
      //--------------------
      //各ドキュメント
      //--------------------
      "西村": {
         //--------------------
         //各データ
         //--------------------
         "年齢": 25,
         "月給": "30万円",
         "婚姻歴": "あり",
         "部署": "技術部",
         "役職": "平社員",
         "公開範囲": {
            "役職": "課長以上",
            "部署": "営業部,技術部"
         }
      },
      "田中": {
         "年齢": 40,
         "月給": "35万円",
         "婚姻歴": "なし",
         "部署": "技術部",
         "役職": "平社員",
         "公開範囲": {}
      },
      "秋山": {
         "年齢": 31,
         "月給": "60万円",
         "婚姻歴": "なし",
         "部署": "人事部",
         "役職": "平社員",
         "公開範囲": {
            "役職": {},
            "部署": "技術部"
         }
      },
      "小田": {
         "年齢": 45,
         "月給": "70万円",
         "婚姻歴": "あり",
         "部署": "営業部",
         "役職": "リーダー",
         "公開範囲": {
            "役職": "リーダー以上",
            "部署": "人事部"
         }
      },
      "木村": {
         "年齢": 33,
         "月給": "83万円",
         "婚姻歴": "あり",
         "部署": "技術部",
         "役職": "課長",
         "公開範囲": {
            "役職": "課長以上",
            "部署": {}
         }
      },
      "岡部": {
         "年齢": 56,
         "月給": "130万円",
         "婚姻歴": "なし",
         "部署": "秘書室",
         "役職": "部長",
         "公開範囲": {
            "役職": "課長以上",
            "部署": "営業部,技術部,人事部"
         }
      }
   }
}
```

### 発生している問題・分からないこと
### 質問
こんなDB検索を実現する際、どのようにプログラムを組めばいいでしょうか？

例えば、秋山がログインしました。
ポータルサイト側の検索項目に「部署：技術部」で検索条件を掛けたとします。
その場合、「西村、田中、木村」がヒットしますが、秋山は人事部の平社員です。
なので、西村と木村はヒットされず、「田中のみ」を表示したいです。


例えば、岡部がログインしました。
ポータルサイト側の検索項目に「全社員を対象」で検索条件を掛けたとします。
その場合、「西村、田中、秋山、小田、木村、岡部」がヒットしますが、岡部は秘書室の部長です。
なので、「田中、木村」を表示したいです。




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

```
特になし
```

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

##### 上記の詳細・結果
Google検索をしてみましたが、こういう構成のシステムでNoSQLを使った記事を見つける事が出来なかったので質問させて頂きました。

Firebaseからの単純なGetは以下のようになることは理解しています。
```Dart
final userDoc = await FirebaseFirestore
    .instance
    .collection('従業員')
    .doc('西村')
    .get();
```

Where句を使うパターンも下記記事で学習しました。
- https://zenn.dev/joo_hashi/articles/13fd1d2e2d3397
- https://firebase.google.com/docs/firestore/query-data/queries?hl=ja
ただ、質問のようなものは結構複雑になるのでどう実現したらいいかまだ想像着かないのが現状です。

私が考えた案は、一旦ポータルサイト側の検索条件にヒットする全員をGetした上で、Dart関数内でループ処理させ、（ざっくりですみません→）「if ( userDoc[i].公開範囲.役職 == xxxxx ) 」みたいな感じで回していくのが早そうではありましたが、従業員数の増加に応じて処理が重くなる懸念もありそうだと感じました。
DB側で検索できたらいいなと思った次第です。

また、もし「このシステムの構成だったらAWSやNoSQL以外の方がいい」などあればご教授いただければ幸いです。

### 補足
特になし

---
---

### その後追記（参考までにChatGPTに質問した結果を追記）
試しに、ChatGPT o4-mini（プログラミング領域特化モデル）に尋ねて見たところこのような結果が出力されました。

### プロンプト
```プロンプト
ある会社では従業員情報を下記のようなNoSQLのドキュメント指向データベースに保存している。
従業員情報は、従業員自身が社内ポータルサイトで検索・閲覧することができる。
社内ポータルサイトは、ログインID/PWの他に、部署名と役職名も入力した上でログインする必要がある。

公開範囲・・・ログイン者に応じて表示するかしないかを設定したもの。
例えば、西村の場合、ログイン者が営業部または技術部の課長以上のみに表示するように公開範囲を設定しています（ログイン者がリーダーだったり、人事部だったりした場合は表示しない）
※{}の場合は全員に公開の意味です。
例）公開範囲＝役職：{}、部署：技術部だったら、技術部の人には誰でも公開し、技術部以外の人だったら非公開にします。

以下のJSONはNoSQLの構造です。
{ 
   "従業員": {
      "西村": {
         "年齢": 25,
         "月給": "30万円",
         "婚姻歴": "あり",
         "部署": "技術部",
         "役職": "平社員",
         "公開範囲": {
            "役職": "課長以上",
            "部署": "営業部,技術部"
         }
      },
      "田中": {
         "年齢": 40,
         "月給": "35万円",
         "婚姻歴": "なし",
         "部署": "技術部",
         "役職": "平社員",
         "公開範囲": {}
      },
      "秋山": {
         "年齢": 31,
         "月給": "60万円",
         "婚姻歴": "なし",
         "部署": "人事部",
         "役職": "平社員",
         "公開範囲": {
            "役職": {},
            "部署": "技術部"
         }
      },
      "小田": {
         "年齢": 45,
         "月給": "70万円",
         "婚姻歴": "あり",
         "部署": "営業部",
         "役職": "リーダー",
         "公開範囲": {
            "役職": "リーダー以上",
            "部署": "人事部"
         }
      },
      "木村": {
         "年齢": 33,
         "月給": "83万円",
         "婚姻歴": "あり",
         "部署": "技術部",
         "役職": "課長",
         "公開範囲": {
            "役職": "課長以上",
            "部署": {}
         }
      },
      "岡部": {
         "年齢": 56,
         "月給": "130万円",
         "婚姻歴": "なし",
         "部署": "秘書室",
         "役職": "部長",
         "公開範囲": {
            "役職": "課長以上",
            "部署": "営業部,技術部,人事部"
         }
      }
   }
}

こんなDB検索を実現する際、どのようにDartプログラムを組めばいいでしょうか？ 

例１）秋山がログインしました。ポータルサイト側の検索項目に「部署：技術部」で検索条件を掛けたとします。 
その場合、「西村、田中、木村」がヒットしますが、秋山は人事部の平社員です。なので、西村と木村はヒットされず、「田中のみ」を表示したいです。 


例２）岡部がログインしました。 ポータルサイト側の検索項目に「全社員を対象」で検索条件を掛けたとします。 その場合、「西村、田中、秋山、小田、木村、岡部」がヒットしますが、岡部は秘書室の部長です。 なので、「田中、木村」を表示したいです。

一般的なソースコードは「final userDoc = await FirebaseFirestore.instance.collection('従業員').doc('西村') .get();」になると思います。上記の「例１，例２」を実現するためのプログラムを作成してください。
```

### 出力結果

```ここに言語を入力
✅ 前提
Firestore コレクション名: 従業員
各ドキュメント名が従業員名（例: 西村, 田中）
ログイン情報として 部署 と 役職 を使って可視性チェック
公開範囲に基づいて、表示対象を制限

✅ Dartコード：アクセス制御付きの従業員検索
import 'package:cloud_firestore/cloud_firestore.dart';

Future<List<String>> fetchVisibleEmployees({
  required String loginUserName,
  required String loginDepartment,
  required String loginPosition,
  String? searchDepartment,
}) async {
  final employeeSnapshot = await FirebaseFirestore.instance.collection('従業員').get();
  final allEmployees = employeeSnapshot.docs;

  // 役職の序列定義（昇順）
  const positionHierarchy = ['平社員', 'リーダー', '課長', '部長', '本部長', '役員'];

  int getRank(String? position) {
    return positionHierarchy.indexOf(position ?? '');
  }

  List<String> visibleEmployees = [];

  for (var doc in allEmployees) {
    final data = doc.data();
    final name = doc.id;

    // 自分自身は非表示（必要であれば除外）
    if (name == loginUserName) continue;

    // 検索フィルタ
    if (searchDepartment != null && data['部署'] != searchDepartment) continue;

    final visibility = data['公開範囲'] as Map<String, dynamic>? ?? {};
    final allowedPositions = (visibility['役職'] as String?)?.split(',') ?? [];
    final allowedDepartments = (visibility['部署'] as String?)?.split(',') ?? [];

    // 公開条件チェック
    final isPublicToAll = visibility.isEmpty;
    final isPositionMatch = allowedPositions.isEmpty || getRank(loginPosition) >= getRank(allowedPositions.first);
    final isDepartmentMatch = allowedDepartments.isEmpty || allowedDepartments.contains(loginDepartment);

    if (isPublicToAll || (isPositionMatch && isDepartmentMatch)) {
      visibleEmployees.add(name);
    }
  }

  return visibleEmployees;
}

✅ 使い方例
例1: 秋山（人事部・平社員）が「技術部」で検索
final result = await fetchVisibleEmployees(
  loginUserName: '秋山',
  loginDepartment: '人事部',
  loginPosition: '平社員',
  searchDepartment: '技術部',
);
// → 出力: ['田中']

例2: 岡部（秘書室・部長）が全社員検索
dart
コピーする
編集する
final result = await fetchVisibleEmployees(
  loginUserName: '岡部',
  loginDepartment: '秘書室',
  loginPosition: '部長',
);
// → 出力: ['田中', '木村']

🔍 解説
getRank() によって役職の序列比較を可能にしています。

公開範囲が {}（空）の場合は全員に公開。

"課長以上" や "リーダー以上" のような表現ではなく、明示的な役職名を , 区切りで定義している前提で設計しています。

より柔軟にするには "以上" ロジックに合わせて条件分岐を追加する必要があります（必要なら拡張可能です）。
```

NoSQL（Firebase）に格納したデータの取得方法が分かりません（Flutter／Dart）

### 実現したいこと

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】

### 実現したいこと

- [ ] 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が破棄されました。