技術ブログ

プログラミング、IT関連の記事中心

Flutterで画面遷移時に遷移先画面に値を渡す方法

目次

値渡し前のソースコード

以下が、ボタン押下時のソースコードです。
「NextPage」は環境によって書き換えてください。

Navigator.push(
    context,
    MaterialPageRoute(builder: (context) => NextPage()),
);

以下が、遷移先のソースコードです。
環境次第ですので、内部のソースコードは省略しています。

class NextPage extends StatelessWidget {
    〜〜〜〜〜省略〜〜〜〜〜
}

画面遷移ときに値を渡す方法

以下が、遷移先のソースコードです。
環境次第ですので、内部のソースコードは省略しています。

以下の様に、受け取り用のパラメータと、イニシャライザを用意します。

class NextPage extends StatelessWidget {
    // パラメータ
    final String param;

    // イニシャライザ
    NextPage({required this.param});

    〜〜〜〜〜省略〜〜〜〜〜
}

以下が、ボタン押下時のソースコードです。
「NextPage」は環境によって書き換えてください。

Navigator.push(
    context,
    MaterialPageRoute(builder: (context) => NextPage(param: "hoge")),
);