技術ブログ

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

Flutterで画面遷移の時に次画面が下から出てくる遷移方法

目次

下から出てくる画面遷移

「Navigator.push」での画面遷移の際に、下から出てくる画面遷移にするソースコードは以下です。
「fullscreenDialog」のパラメータを「true」にすることで、画面遷移時に下から出てくる様にしています。
※次画面は「NextPage」です。こちらは、各自の環境で書き換えてください。

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