FlutterのDropDownButton(DropdownMenuItem)の選択した値の画面遷移の値渡しについて教えてください

Question

前提・実現したいこと

Flutterどころかプログラミングについてかなりの初心者です。

FlutterでDropdownButtonでプルダウンリストを作成したのですが、選択した値を次の画面に渡す方法が分からないので教えてほしいです。

以下のコードでnextPage.dartに遷移した時に「選択肢1」を選択していたら「text: hogehoge」と入力したらその部分に「選択肢1」と表示させたいです。
また、可能であればnextPageに渡せた値の変数？引数？配列？をどこかから確認できる方法があれば合わせて教えていただきたいです。

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

エラーメッセージは表示されていません。

該当のソースコード

Main.dart

class MainDispay extends StatefulWidget{
  @override
  _MainDispayState createState() => _MainDispayState();
}

class _MainDispayState extends State<MainDispay>{

  List<DropdownMenuItem<int>> _items = List();
  int _selectItem = 0;

  @override
  void initState(){
    super.initState();
    setItems();
    _selectItem = _items[0].value;
  }

  void setItems(){
    _items
      ..add(DropdownMenuItem(
          child: Text('選択肢1'),
          value: 1,

      ))
      ..add(DropdownMenuItem(
          child: Text('選択肢2'),
          value: 2,
      ));
  }
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: Column(
            mainAxisSize: MainAxisSize.min,
            children:[
              DropdownButton(
                items: _items,
                value: _selectItem,
                onChanged: (value) => {
                  setState((){
                    _selectItem = value;
                  }),
                },
              ),
              SizedBox(
                child: RaisedButton(
                  onPressed:(){
                    Navigator.push(
                      context,
                      MaterialPageRoute(
                        builder: (context) => nextPage(
                          watashitai: _selectItem(value); //ここで選択したプルダウンの値を次画面へ渡したい
                        ),
                      ),
                    ); // Navigator
                  }, // onPressed
                ),
              ),
            ] //children
        ),
      ),
    );
  }
}

nextPage.dart

class nextPage extends StatefulWidget{

  final String watashitai;

  const nextPage({
    Key key,
    this.watashitai,
  }) : super(key : key);

  @override
  _nextPageState createState() => _nextPageState(
    watasareta: watashitai
  );
}
class _nextPageState extends State<nextPage>{
  final String watashitai;

  _nextPageState({
    this.watashitai,
  });

～～以下省略～～

試したこと

Navigator.pushの値を渡すところで「selectItem.value」や「_items.value」はダメでした。
またtextFieldの「controller」は使えるのか？と思い、試してみましたがそれも当然ながらダメでした。

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

Answer 1

_selectItemには、DropdownMenuItemのvalueが入るので、
DropdownMenuItemのvalueに入れたい値を設定すればよいのではないかと。

  List<DropdownMenuItem<String>> _items = List(); // int -> String
  String _selectItem = ''; // int -> String
～～
  void setItems(){
    _items
      ..add(DropdownMenuItem(
          child: Text('選択肢1'),
          value: '選択肢1',

      ))
      ..add(DropdownMenuItem(
          child: Text('選択肢2'),
          value: '選択肢1',
      ));
  }

また、可能であればnextPageに渡せた値の変数？引数？配列？をどこかから確認できる方法があれば合わせて教えていただきたいです。

widget.watashitaiで参照できます。

class nextPage extends StatefulWidget{

  final String watashitai;

  const nextPage({
    Key key,
    this.watashitai,
  }) : super(key : key);

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

class _nextPageState extends State<nextPage> {
  @override
  Widget build(BuildContext context) {
    return Text(widget.watashitai); // [widget]が[nextPage]のインスタンス変数になっている
  }
}

Comments

[omochi0613]

ご回答ありがとうございます。
上記で試してみます。