【Flutter】クラス間で値を共有したい

Question

[A.dart]で定義した変数値（genreID）を[B.dart]の中で使いたいです。
どのように設定すればよいのでしょうか？
[A.dart]の一部の計算を[B.dart]に外だししており、画面遷移ではありません。

Answer 1

質問のつくりかたについて

とりあえず聞いてみるというのは、分からないときに何も質問しないよりは大分ましですが

質問の内容が全くわからないので、なにか具体的なコードを書いて実現したいことを説明してください。

また、その目的も合わせて書かれていると良いです。

そもそも、目的のために実現したいと思っている内容が

やる必要がないことだったり、
実現が出来たとしても、問題がある方法なのでやるべきでなかったりすることだったり、
その開発の文化ではやらない実装方法なので避けるべきだったり、

などの判断ができ、意味のある助言ができるようになります。

１）目的、２）仮定している実現方法、３）実際に起きた問題・課題、４）問題や課題について自分で調べた内容・想像できる範囲の真因、５）環境と再現方法

を整理して質問するようになると回答者が答えやすくなり、仮定の当たり外れからどんな点について理解が足りてなかったのかが分かります。

また、質問を作る過程で上記を整理する際の気づきが問題を解決してしまうこともあります。
その場合は、なにかしらのアウトプットとして残しておくと後々、自分や同じ勉強をしている人の役に立つでしょう。

今回の質問について

[A.dart]や[B.dart]という風に例示されていますが、dartにおいては複数のクラスを同じファイルに定義できたり、継承やMixInにより複数のファイルにまたがって一つのクラスを定義できたりします。

ファイルがいくつあるのかはクラスの構造にあまり関係がないので、dartについて質問する際にはクラス単位で説明するようにしてください。

一般的なFlutterでのアプリの作りについて

それはさておき
以下、想像で回答をしておきますが

図を見ると、なにかの関数がWidgetを返しているように見えますが、FlutterではWidgetのサブクラス以外がWidgetとして使用されるケースはほぼないと思います。
なので、左右とも何かしらのWidgetに見えます。

しかし、

[A.dart]の一部の計算を[B.dart]に外だししており、画面遷移ではありません。

とあるので、図はあまり関係なく
何かしら時間のかかる計算や外部からの値の取得、計算タイミングをずらしたい事情などにより、状態が変わるDataClassやDomainClassのインスタンスをフィールドとして保持しているWidgetが一つある状態のような気がします。

それであれば、いくつかあるよく使われているFlutterの状態管理の手法を一つ選択して実装するようにします。
よく使われるのか以下の手法です。

• StatefulWidget
• ChangeNotifier
• bloc
• RiverPod

以下は、StatefulWidgetを使用した任意のモデルを作成し、リストに追加できるUIの例です。

import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

class MyDataModel {
  const MyDataModel._(this.id, {@required this.name, this.value});
  final int id;
  final String name;
  final int value;

  @override
  bool operator ==(Object o) =>
      identical(this, o) ||
      (o is MyDataModel && o.id == id && o.name == name && o.value == value);

  @override
  int get hashCode => hashList([id, name, value]);
  @override
  String toString() => 'MyDataModel(id: $id, name: $name, value: $value)';
}

class MyDataRepository {
  static final List<MyDataModel> _models = <MyDataModel>[];
  static int _seqNum = 0;
  Future<int> get nextId async => _seqNum;
  Future<List<MyDataModel>> get models async => _models;
  Future<MyDataModel> create(String name, {int value}) async =>
      MyDataModel._(_seqNum++, name: name, value: value ?? 0);
  Future<void> add(MyDataModel model) async => _models.add(model);
  // Future<bool> remove(MyDataModel model) async => _models.remove(model);
  // Future<int> count() async => _models.length;
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: MyHomePage(),
    );
  }
}

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

  final MyDataRepository repos = MyDataRepository();

  @override
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  List<MyDataModel> _models = <MyDataModel>[];

  @override
  void initState() {
    super.initState();
    widget.repos.models.then((models) {
      _models = models;
    });
  }

  Future<void> updateModels() async {
    final models = await widget.repos.models;
    setState(() {
      _models = models;
    });
  }

  @override
  Widget build(BuildContext context) => Scaffold(
        appBar: AppBar(
          title: Text('Update State Async Demo'),
        ),
        body: SingleChildScrollView(
            child: Column(
                crossAxisAlignment: CrossAxisAlignment.center,
                children: <Widget>[
              Container(
                  color: Colors.amber,
                  padding: EdgeInsets.all(15),
                  child: Center(child: Text('Count:${_models.length}'))),
              Container(
                  color: Colors.white,
                  padding: EdgeInsets.all(15),
                  child: _AddModelForm(onUpdate: updateModels)),
              ..._models.map((model) => _MyModelWidget(model: model))
            ])),
      );
}

class _AddModelForm extends StatefulWidget {
  _AddModelForm({Key key, this.onUpdate}) : super(key: key);
  final MyDataRepository repos = MyDataRepository();
  final void Function() onUpdate;

  @override
  State<StatefulWidget> createState() => _AddModelFormState();
}

class _AddModelFormState extends State<_AddModelForm> {
  int _nextId = 0;

  void initState() {
    super.initState();
    widget.repos.nextId.then((nextId) => _nextId = nextId);
  }

  void updateId() async {
    final int nextId = await widget.repos.nextId;
    setState(() {
      _nextId = nextId;
    });
  }

  @override
  Widget build(BuildContext context) {
    final TextEditingController nameCtrl = TextEditingController();
    final TextEditingController valueCtrl = TextEditingController();
    return Container(
        child: Row(
      children: <Widget>[
        Flexible(
            flex: 1,
            child: Row(children: <Widget>[
              Flexible(flex: 2, child: const Text('id:')),
              Flexible(flex: 1, child: Center(child: Text('$_nextId'))),
            ])),
        Flexible(
            flex: 4,
            child: Row(children: <Widget>[
              Flexible(child: const Text('name:')),
              Flexible(child: TextField(controller: nameCtrl, maxLength: 8)),
            ])),
        Flexible(
            flex: 3,
            child: Row(children: <Widget>[
              Flexible(child: const Text('value:')),
              Flexible(
                  child: TextField(
                      controller: valueCtrl,
                      maxLength: 4,
                      keyboardType: TextInputType.number)),
            ])),
        Flexible(
            flex: 2,
            child: ElevatedButton(
              child: Text('Add'),
              onPressed: () async {
                final MyDataModel model = await widget.repos
                    .create(nameCtrl.text, value: int.parse(valueCtrl.text));
                await widget.repos.add(model);
                nameCtrl.clear();
                valueCtrl.clear();
                updateId();
                widget.onUpdate();
              },
            )),
      ],
    ));
  }
}

class _MyModelWidget extends StatelessWidget {
  const _MyModelWidget({Key key, @required MyDataModel model})
      : _model = model,
        super(key: key);

  final _model;

  @override
  Widget build(BuildContext context) => Container(
      margin: EdgeInsets.only(top: 8),
      padding: EdgeInsets.all(8),
      color: Colors.white,
      height: 48,
      child: Row(
        children: <Widget>[Text('$_model')],
      ));
}

Flutterで状態管理が必要なアプリを作る際に必要な基本的の構造は入っていると思いますので、上記のコードについて、何が起こっているのかが全部わかっていれば大抵のことはできるはずです。

他の状態管理の手法も基本的には上記の応用になります。