Movatterモバイル変換


[0]ホーム

URL:


App Engineerの開発ノート

AWS、Flutterや開発活動に役立つツール作りなど

【Flutter】ボトムナビゲーションバーの選択を親のWidgetで検知する

f:id:Simoroid:20210414004927p:plain


画面下部に表示するナビゲーションバーとメインのコンテンツに当たるWidget
ソースを分けたい場合の実装方法となります。

ナビゲーションバーに対してアイコンをタップするなどの操作した結果を親となるWidgetが受け取る仕組みになっています。

◇親となるメインウィジェット

◇参照するナビゲーションバーウィジェット
アイコンのタップを検知して親ウィジェットのイベントを走らせます。
イベントの引数にインデックスを渡すことで、どのアイコンがタップされたかを識別できるようにします。
bottom_navi_bar.dart

◇完成形イメージ
こんな感じになります。

f:id:Simoroid:20210401123914g:plain


この記事がお役に立てていたらうれしいです。

プロフィール
id:Simoroid

モバイルアプリやWebアプリ、デスクトップアプリを開発しているアプリケーションエンジニアです。

検索

引用をストックしました

引用するにはまずログインしてください

引用をストックできませんでした。再度お試しください

限定公開記事のため引用できません。

読者です読者をやめる読者になる読者になる

[8]ページ先頭

©2009-2025 Movatter.jp