Flutter 別ファイルのクラスを参照できない

Question

実現したいこと

main.dartファイル内の_MyHomePageStateクラスに記述したメソッドを
home.dartファイル内の_MyHome内で使いたいのですが上手くいきません。
どこか根本的な部分を理解できていないような気がしますのでアドバイスいただきたいです。

前提

・main.dart内でimport 'home.dart';と記述している
・main.dartとhome.dartは同一フォルダ内の同じ階層にある
・_MyHome内で_MyHomePageStateクラスをインスタンス化して使用したい
・vscodeを使っておりクラス名を入力したときに候補が表示されるが、同一ファイル内の
クラス目の候補は表示されるが、別ファイルのクラス名を入力しても認識されない。

該当のソースコード

//だいぶ省略しています
import 'package:flutter/material.dart';
import 'home.dart';

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

  @override
  State<MyHomePage> createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  //画像の複数選択モードのON/OFFの状態を保持する変数
  bool _buttonFlag = false;

  **//home.dartから使いたいメソッド**
  void _pickImages() {
    setState(() {
      _buttonFlag = true;
    });
  }

class Home extends StatefulWidget {
  const Home({super.key});
  @override
  State<Home> createState() => _MyHome();
}

class _MyHome extends State<Home> {

**//main.dartのMyHomePageStateクラスをインスタンス化**
**//ここで_MyHomePageStateがvscode上で認識されない。**
_MyHomePageState pickImage = _MyHomePageState();

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        backgroundColor: Colors.black,
        leading: IconButton(
          icon: Icon(Icons.add),
          onPressed: () => setState(() {

           **//ここでメソッドを使用したい**
            pickImage.pickImages();

          }),
        ),
        leadingWidth: 20,
        title: const Text("料理を選ぶ"),
        actions: <Widget>[
          IconButton(
            icon: Icon(Icons.add),
            onPressed: () {
              showDialog(
                context: context,
                builder: (context) => const CustomDialogBox(),
              );
            },
          ),
          const Center(
              child: Padding(
            padding: EdgeInsets.all(5.0),
            child: Text(
              '料理を登録',
              style: TextStyle(fontSize: 20),
            ),
          ))
        ],
      ),

試したこと

・vscode再起動

Answer 1

import文は問題無いように見えます。こちらでは実際それで別ファイルのクラスを読み込めます。

具体的に何をやりたいのかに関する情報が足りないので推測するしかないのですが、よくあるケースとして、
MyHomePageがHomeの上位ウィジェット(ウィジェットツリー上の先祖ウィジェット)であり、HomeのAppBarのIconButtonを押したときにMyHomePageの_buttonFlagの値を変更させたいのなら、下記のように引数で_pickImagesを渡して、Homeでそれを呼び出す(俗に言うバケツリレー)必要があります。
(あるいは状態管理パッケージを使うか。)

そうじゃないということなら、具体的に何をやりたいのかを伝えるために必要なソースコードを示すか、日本語で具体的に示すか、少なくともどちらかが必要です。

import 'package:flutter/material.dart';

import 'home.dart';

void main() {
  runApp(
    MyHomePage(),
  );
}

class MyHomePage extends StatefulWidget {
  const MyHomePage({Key? key}) : super(key: key);

  @override
  State<MyHomePage> createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  bool _buttonFlag = false;

  //home.dartから使いたいメソッド**
  void _pickImages() {
    setState(() {
      _buttonFlag = true;
    });
  }

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      //home: HomePage(),
      home: Home(
          stateSetter: _pickImages,
      ),
    );
  }
}

import 'package:flutter/material.dart';

class Home extends StatefulWidget {
  const Home({
    Key? key,
    required this.stateSetter,
  }) : super(key: key);

  final Function stateSetter;

  @override
  State<Home> createState() => _HomeState();
}

class _HomeState extends State<Home> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        leading: IconButton(
          icon: Icon(Icons.add),
          onPressed: () => setState(() {
            //_HomeStateの状態をセットするためのコード
            widget.stateSetter();
          }),
        ),
      ),
    );
  }
}

Comments

[t_flutter]

morimanさん、ご回答ありがとうございます。おっしゃる通りでMyHomePageがHomeの上位ウィジェットでありHomeクラス内のAppBarのIconButtonを押下時にMyHomePageのFlagを変化させてsetStateでUIを更新するということをやろうとしていました。おかげさまでバケツリレー方式を使って達成することが出来ました。今回は状態管理パッケージを使わずに(まだ使ったことがないですが、、、)実装しようとしていましたがまずは状態管理パッケージを使用しない場合にどのようなアプローチで実装すればよいかを体験することが出来て勉強になりました。