BottomNavigationBar

[Kotaro666-dev]

BottomNavigationViewコンポーネント

懸念点

ここで注意したいのが、Fragmentの切り替え方です。Web上で見つかるコードは、以下のようなreplaceで書かれていることが多いですが、replaceで切り替えると、表示ごとにFragmentの状態が初期化されてしまうため、各アイテムの状態を保つことができません。replaceは内部的にremove、addを行っているためです。

BottomNavigationViewの各メニューアイテムはそれぞれフラグメントで作成し、かつ状態を保持したい。

こちらの資料で紹介されている、「FragmentPagerAdapterを継承したViewPagerクラス」を活用した方法で解決できそう。

FragmentPagerAdapter

Implementation of PagerAdapter that represents each page as a Fragment that is persistently kept in the fragment manager as long as the user can return to the page.

FragmentPagerAdapter

こちらの FragemntPagerAdapterは Depricated されているようで、ViewPager2 と FragmentStateAdapter を使用するように公式でアナウンスされている。

FragmentStateAdapterを使った実装

以下の資料が参考になりそう。

• iOSエンジニアがAndroidアプリをリリースするまで3 〜BottomNavigationViewのFragmentをViewPager2で切り替える〜
• AndroidのViewPagerを下タブで切り替え
• setOnNavigationItemSelectedListener deprecated

BottomNavigationView と ViewPager2 を使って、フラグメント再生成を行った場合のデメリット

各フラグメントのインスタンス化は、FragmentStateAdapter が MainAcitivity でインスタンス可されるときに実行される。
そのため、初めてフラグメントのページに訪問した時にインスタンス可されない。

そのことから、例としてホーム画面が生成された時に各画面のフラグメントのインスタンスが生成されてしまうため、各画面にて行いたいAPI通信が最初にすべて実行されてしまう問題がある。'

saveFragmentInstanceState を使って、各フラグメントの状態を保持しておく

以下の記事を参考にする

参考資料

• Saving Fragment States with BottomNavigationView
• How to correctly save instance state of Fragments in back stack?

Show/Hide

各画面の状態は維持しておきたい場合などはViewPagerと連動させたりShow/Hideで切り替えることを選ぶと良さそう。

【Android】Fragmentを使うときのコツとか色々

Fragmentをhideすることは、アプリのパフォーマンス的にあまり良くないとのこと

It just hides the views, fragment is still in RESUMED state 🤯🤯🤯🤯

FragmentTransaction.hide()- findings

参考資料

• BottomNavigationView
• Bottom navigation Material Design
• 【Androidアプリ開発】BottomNavigationViewによる画面遷移
• AndroidアプリへのBottom Navigationの導入

[Kotaro666-dev]

作成結果

• https://github.com/Kotaro666-dev/androidDevelopment/tree/main/mockups/BottomNavigationBar
• https://github.com/Kotaro666-dev/androidDevelopment/tree/main/mockups/BottomNavigationBarWithSaveFragmentInstanceState

[Kotaro666-dev]

BottomNavigationView と Jetpack Navigationで作成する方針の場合

Androidの哲学として、Fragment自体に状態を保持する必要はなく、保持しておきたい状態があれば ViewModel などで保持しておく。
そうすれば、Fragmentが破棄されて、再生成されても、ViewModelからデータを復元させることができるイメージ。

[Kotaro666-dev]

各ボトムバータブの中のスタックを維持する方法について
つまり、各タブバーのフラグメントのインスタンスを保持する方法？

• Jetpack Navigation: Bottom Nav and Multiple Backstacks
• SourceCode: BottomNavigationDoNotRefreshTabDemo

[Kotaro666-dev]

各ボトムバータブ押下でのタブ遷移で、スタックが積まれていく構造をどうにかしたい。
メルカリさんのように、「戻る」タブを押下したら、単純に「ホーム」タブにだけPOPしてほしい。