科学の箱

科学・IT・登山の話題

Flutter

Flutter Tab

投稿日:

Flutterのタブで画面が切り替わっても表示を続けたい。

こちらのページが参考になる。https://codewithandrea.com/articles/multiple-navigators-bottom-navigation-bar/

とりあえずpushについても説明。

void _push() {
  Navigator.of(context).push(MaterialPageRoute(
    // we'll look at ColorDetailPage later
    builder: (context) => ColorDetailPage(
      color: activeTabColor[TabItem.red],
      title: tabName[TabItem.red],
    ),
  ));
}

 

MaterialPageRoute takes care of creating a new route to be pushed (MaterialPageRouteはPushされる新しいRouteを生成する)

Navigator.of(context) finds a Navigator above in the widget tree, and uses it to push the new route.(Navigator.ofはWidgetツリー内で、Navigatorを見つけて、新しいRouteをpushするために利用する)

Navigator.of(context)はAppクラスの親であるMaterialAppがWidgetツリーのルートにいる。

MaterialAppが使っているNavigatorが利用されるために、BottomNavigatorが予想しない動きとなる。

メタ情報

inarticle



メタ情報

inarticle



-Flutter
-

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

no image

Flutterでfirebase CERTIFICATE_VERIFY_FAILED: unable to get local issuer certificateが出たとき

main.dartに以下のクラスを追加 class MyHttpOverrides extends HttpOverrides { @override HttpClient createHttpCli …

2021年1月
« 10月   2月 »
 123
45678910
11121314151617
18192021222324
25262728293031

side bar top



アーカイブ

カテゴリー