【Flutter】複数の要素を画面遷移する方法

最終更新日

この記事では、複数の要素を画面遷移する方法をまとめました。

方法

送るクラス

  1. 複数の変数に格納し区切り引数にする
  2. List型やMap型を引数にする

イニシャライズ

要素を受けとるクラスは、イニシャライズで受け取る要素の「」を明確にしておく必要があります。

サンプル

複数の変数に格納し区切り引数にする

送信側

 String name = '太郎';
int age = 25;

Navigator.push(
              context,
              MaterialPageRoute(
                  builder: (context) => '飛ばしたいクラス名'(name,age),
                  ),
            );

イニシャライズ

NextPage(this.name,this.age);
  String name;
int age;

List型やMap型を引数にする

送信側

List<String> name = <String> ['一郎','二郎','三郎']
  
  Navigator.push(
              context,
              MaterialPageRoute(
                  builder: (context) => '飛ばしたいクラス名'(name),
                  ),
            );

イニシャライズ

NextPage(this.name);
  List<String> name;