以下のサンプルをデフォルトアプリの状態から手順で構築したときの記録。 https://github.com/bizz84/nested-navigation-demo-flutter https://codewithandrea.com/articles/multiple-navigators-bottom-navigation-bar/ 元記事では関数やMapを使って重複を最適化しているが、私のような初心者にはわかりにくかったのでこの記事ではあえてベタに書いている。 DartPad https://dartpad.dev/?id=1ebc224cc99d2df806be11e1cf10e332&null_safety=true 環境構築 Flutterアプリを作成。 % flutter create flutter_nested_navigation_trial % cd flutter
![FlutterでBottomNavigationBarを表示したまま下層ページを画面遷移する](https://cdn-ak-scissors.b.st-hatena.com/image/square/18c12db02c001ae172a106aeb1da9a570543d68d/height=288;version=1;width=512/https%3A%2F%2Fcountstheclouds.com%2Fstatic%2Fdefault-ogp-14ad466ff2b431925a02122d61216b6d.png)