Flutterã§Scaffoldã‚’Modal表示ã™ã‚‹ - Qiita
ã“ã‚“ãªé¢¨ã«Scaffoldã‚’Modalã§è¡¨ç¤ºã™ã‚‹æ–¹æ³•ã‚’紹介ã—ã¾ã™ã€‚ Navigator.push ã™ã‚‹ã¨ãã«æ¸¡ã™MaterialPageRoute ã®fullscreenDialog ã‚’trueã«ã—ã¦ãŠã‘ã°ã€ãƒ¢ãƒ¼ãƒ€ãƒ«è¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ コード例ã¯ã“ã‚“ãªã‹ã‚“ã˜ã€‚Screen1ã‹ã‚‰Screen2をモーダル表示ã—ã¾ã™ã€‚ class Screen1 extends StatelessWidget { @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar(title: Text("Screen1")), body: Center( child: RaisedButton( onPressed: () { Navigator.push( context, MaterialPageRoute( build
[Flutter] Modal bottom sheet内ã§Push, Popã®ç”»é¢é·ç§»ã‚’実ç¾ã™ã‚‹ - Qiita
Flutterã§Bottom sheet内ã§ç”»é¢é·ç§»ã‚’実装ã—よã†ã¨ã™ã‚‹ã¨æ„外ã¨æ‰‹ã“ãšã‚Šã¾ã™ã€‚ showModalBottomSheetã—ã¦ã€Bottom sheet内ã§Navigator.pushãªã©ã—ã¦ã‚‚pushå…ˆã®è©³ç´°ç”»é¢ãŒãƒ¢ãƒ¼ãƒ€ãƒ«å†…ã§è¡¨ç¤ºã•ã‚Œãªã„ãŸã‚ã§ã™ã€‚ モーダル内ã§ç”»é¢é·ç§»ã‚’実ç¾ã™ã‚‹ モーダル内ã§ç”»é¢é·ç§»ã‚’実ç¾ã™ã‚‹ãƒã‚¤ãƒ³ãƒˆã¯2点ã§ã™ã€‚ Navigatorã‚’ãƒã‚¹ãƒˆã•ã›ã‚‹ ç”»é¢ã‚’é–‰ã˜ã‚‹ã¨ãã¯rootå´ã®Navigatorã‚’å‚ç…§ã™ã‚‹ 1. Navigatorã‚’ãƒã‚¹ãƒˆã•ã›ã‚‹ 通常ã¯MaterialAppãŒä¿æŒã™ã‚‹NavigatorãŒã€Rootã®Navigatorã¨ã—ã¦æ©Ÿèƒ½ã—ã¦ã„ã¾ã™ã€‚ãã‚Œã«åŠ ãˆãƒ¢ãƒ¼ãƒ€ãƒ«ç”¨ã®è‡ªå‰Navigatorを作æˆã™ã‚‹ã“ã¨ã§ã€ãƒ¢ãƒ¼ãƒ€ãƒ«å†…ã®ç”»é¢é·ç§»ãŒå®Ÿç¾ã§ãã¾ã™ã€‚ 具体的ãªã‚³ãƒ¼ãƒ‰ã¯ä¸‹è¨˜ã§ã™ã€‚ Navigatorã§ãƒ¢ãƒ¼ãƒ€ãƒ«ã®ãƒšãƒ¼ã‚¸ã‚’包んã§ã€onGenerateRouteã§ãƒ«
![[Flutter] Modal bottom sheet内ã§Push, Popã®ç”»é¢é·ç§»ã‚’実ç¾ã™ã‚‹ - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/74a96e445c95ee25bdd7fc6746c89c38c6f9c229/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JTVCRmx1dHRlciU1RCUyME1vZGFsJTIwYm90dG9tJTIwc2hlZXQlRTUlODYlODUlRTMlODElQTdQdXNoJTJDJTIwUG9wJUUzJTgxJUFFJUU3JTk0JUJCJUU5JTlEJUEyJUU5JTgxJUI3JUU3JUE3JUJCJUUzJTgyJTkyJUU1JUFFJTlGJUU3JThGJUJFJUUzJTgxJTk5JUUzJTgyJThCJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz1mMDA1ODhhNTg2YzVmMTRlN2JiZGRmY2Q5Y2ZjMTE4NQ%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBoaXJvdGhpbmdzJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz03Mzc1MTcwMjZhNTA2MzQ3ODg5ZDBiNTliYzg0Y2NkZQ%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3Dd26c0906840cac8aa455f5614824d864)
1
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
処ç†ã‚’実行ä¸ã§ã™
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
flutterã§ãƒ¢ãƒ¼ãƒ€ãƒ«ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚’表示ã™ã‚‹ | monkey404
{{#tags}}- {{label}}
{{/tags}}