BottomNavigationBarでタブ選択時に他のファイルのクラスに値を渡せない

Question

前提

ログインをしてログイン後はホームとアカウントの2画面があります。
BottomNavigationBarを使用して画面の切り替えを行います。
ログイン時にログイン情報を取得し、アカウント画面でログイン情報を表示させたいと思ってます。

実現したいこと

・他のファイルのクラスに値を渡したして渡したデータを画面上に表示させたい。

※現在お試しでtest2のみを送ろうとしておりますが実際はほかのデータも送る予定です。

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

①Error: Can't access 'this' in a field initializer to read 'test2'.
    Account(user_id2: test2),

②Error: Undefined name 'test2'.
    Account(user_id2: test2),

※①が解消されれば②も解消されるはず。

該当のソースコード

import 'package:flutter/material.dart';
import 'account.dart';
import 'home.dart';
// [Themelist] インスタンスにおける処理。
class Appmain extends StatelessWidget{
  final String? user_id;//null許容で変数定義
  final String? imgURL;//null許容で変数定義
  final String? user_email;//null許容で変数定義
  final String? user_name;//null許容で変数定義
  const Appmain({Key? key, this.user_id, this.imgURL, this.user_email, this.user_name}) : super(key: key);
  @override
  Widget build(BuildContext context) {
    print(user_name);
    return Scaffold (
      body: MyTop(test: user_name),
    );
  }
}

// ignore: must_be_immutable, use_key_in_widget_constructors
class MyTop extends StatefulWidget{
  final String? test;
  const MyTop({Key? key, this.test}) : super(key: key);
  @override
  // ignore: no_logic_in_create_state
  _MyTop2 createState() => _MyTop2(test2: test);
}
class _MyTop2 extends State<MyTop> {
  final String? test2;
  _MyTop2({this.test2});
  static const _screens = [
    Home(),
    Account(user_id2: test2),
  ];
  int _selectedIndex = 0;

  void _onItemTapped(int index) {
    setState(() {
      _selectedIndex = index;
    });
  }
  @override
  Widget build(BuildContext context) {
    print(test2);
    return Scaffold (
      body: _screens[_selectedIndex],
        bottomNavigationBar: BottomNavigationBar(
          currentIndex: _selectedIndex,
          onTap: _onItemTapped,
          items: const <BottomNavigationBarItem>[
            BottomNavigationBarItem(icon: Icon(Icons.home), label: 'ホーム'),
            BottomNavigationBarItem(icon: Icon(Icons.person), label: 'アカウント'),
          ],
          type: BottomNavigationBarType.fixed,
        )
    );
  }
}

試したこと

・printにて値を表示してみたら表示はされたので変数自体に値は入っていそう。
・Account(user_id2: test2),のところで変数のtest2ではなく任意の文字列を入れるとエラーはなくなり他のファイルにも値を渡せた。

補足情報（FW/ツールのバージョンなど）

OS：Windows11
IDE：Android Studio
Flutter 3.0.4
firebase_auth: ^3.6.3
firebase_core: ^1.20.1
cloud_firestore: ^3.4.4

Answer 1

直すとしたら以下の様な感じかな。

• MyTopの情報を_MyTop2で使う場合、_MyTop2ではwidget.～という形で参照できる。
  そのため_MyTop2に情報を渡すような書き方はしない。
• createStateのリターンはState<MyTop>。
• static const _screensをfinal _screensにする。
  staticはクラス変数になるのでインスタンス変数を参照することはできない。
  また生成されるのも基本1回だけなので、上位側でtestの中身が変わった場合への対応ができない。
• static const _screensをWidgetを返す関数化する。(修正)
  finalだとwidgetが使えなかったようですね。失敗です。
  build内からの関数呼び出しで利用することでたぶんうまくいくと思います。
  またタブの数が3以上に増えた場合はif文ではなくswitch文を使えばいいと思います。

class MyTop extends StatefulWidget {
  final String? test;
  const MyTop({Key? key, this.test}) : super(key: key);
  @override
  State<MyTop> createState() => _MyTop2();
}

class _MyTop2 extends State<MyTop> {
  Widget _screens() {
    if (_selectedIndex == 0) {
      return const Home();
    } else {
      return Account(user_id2: widget.test);
    }
  }

  int _selectedIndex = 0;

  void _onItemTapped(int index) {
    setState(() {
      _selectedIndex = index;
    });
  }

  @override
  Widget build(BuildContext context) {
    print(widget.test);
    return Scaffold(
        body: _screens(),
        bottomNavigationBar: BottomNavigationBar(
          currentIndex: _selectedIndex,
          onTap: _onItemTapped,
          items: const <BottomNavigationBarItem>[
            BottomNavigationBarItem(icon: Icon(Icons.home), label: 'ホーム'),
            BottomNavigationBarItem(icon: Icon(Icons.person), label: 'アカウント'),
          ],
          type: BottomNavigationBarType.fixed,
        ));
  }
}

Comments

[KentarouHayashi]

ご回答ありがとうございます。
ご教示いただいた内容で実装してみたのですが、 Account(user_id2: widget.test),の部分の「widget」でエラーが出てしまいます。。。
エラー内容は以下となります。
error: The instance member 'widget' can't be accessed in an initializer.

ネットでいろいろ探してみたのですがなかなか解決できず。。。
何かいいアイディアがございましたらご教示いただけますと幸いです。

[KentarouHayashi]

ご回答ありがとうございます。
す、すごい！！！いろんなやり方があるのですね。。。
まだまだ勉強して理解しないといけないところは多いのですが、ご教示いただいた内容で、
アカウントページにFirebaseから引っ張ってきたデータを表示させることができました。
いつもありがとうございますｍｍ