flutterでモーダルスクリーンを表示する
2020/04/23
Introduce
flutterでアプリ作ってますー.
今回はフルスクリーンダイアログを表示させます.
ENvironment
1 2 3 4 5 6 7 8 |
- MacOS Catalina 10.15.1 - flutter --version Flutter 1.15.4-pre.240 • channel master • https://github.com/flutter/flutter.git Framework • revision 32b17974ea (28 hours ago) • 2020-02-29 06:41:00 -0500 Engine • revision 755e2b559d Tools • Dart 2.8.0 (build 2.8.0-dev.10.0 09bbd3cca5) - Visual Studio Code |
Getting Start
ソースコードはこちらです.branch名はfullscreenDialog
です.
monkeydaichan/flutter_samples
sample of flutter. Contribute to monkeydaichan/flutter_samples development by creating an account on GitHub.
main.dart
main.dartはscreen.dartを表示させる処理だけです.
screen.dart
Container0
WidgetのFloatingActionButtonをタップすると,Container1
WIdgetが表示されます.Navigator.pushのメソッドにfullscreenDialog: trueを追加することで実現できます.