🔛

[Flutter] 画面遷移の値渡しの基本

2022/05/19に公開

画面遷移で次のページに値を渡したい

MainScreenからNextPageに値"こんにちは"を渡したい😃

MainScreenからNextPageへの画面遷移

画面遷移のコード

Text('NextPageへ'),
onPressed: () {
    Navigator.push(
        context,
        MaterialPageRoute(
            builder: (context) => NextPage('こんにちは')//nameに入れる値を書く
        )
    )
}

NextPageで変数とルールを宣言する

NextPageにて、下記のように宣言する。

NextPage(this.name); //NextPageに移動する時に、必ずnameを入れるようにするルールを作成
final String name; //値"こんにちは"を入れるための箱を作成(変数name)

受け取った値を表示する

NextPageにて、下記のように書く。

Text(name),

これで、MainScreenから受け取った"こんにちは"がNextPageに表示される👍

参考:
https://www.youtube.com/watch?v=aA8w9Pa7GJU&list=TLGGUkpDGkiMgx8xMjA1MjAyMg

パラグアイでFlutter勉強してます🇵🇾
Twitter

GitHubで編集を提案

Discussion