android ナビゲーションドロワーでsetNavigationItemSelectedListenerの実装

Question

android上のナビゲーションドロワーでメニューをクリックしたときの動作（Fragmentの入れ替え）を自分で実装したいと考えています。
新規プロジェクトでナビゲーションドロワー・アクティビティの雛型を使って、MainActivity.ktのonCreateソースコードにsetNavigationItemSelectedListenerを追記しました。

override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)
        val toolbar: Toolbar = findViewById(R.id.toolbar)
        setSupportActionBar(toolbar)

        val fab: FloatingActionButton = findViewById(R.id.fab)
        fab.setOnClickListener { view ->
            Snackbar.make(view, "Replace with your own action", Snackbar.LENGTH_LONG)
                    .setAction("Action", null).show()
        }
        val drawerLayout: DrawerLayout = findViewById(R.id.drawer_layout)
        val navView: NavigationView = findViewById(R.id.nav_view)
        val navController = findNavController(R.id.nav_host_fragment)
        // Passing each menu ID as a set of Ids because each
        // menu should be considered as top level destinations.
        appBarConfiguration = AppBarConfiguration(setOf(
                R.id.nav_home, R.id.nav_gallery, R.id.nav_slideshow), drawerLayout)
        setupActionBarWithNavController(navController, appBarConfiguration)
        navView.setupWithNavController(navController)

　　　　// ↓↓↓↓↓↓（追加）　　　　
        navView.setNavigationItemSelectedListener { item ->
            when(item.itemId) {
                R.id.nav_home -> {
                    val fragment = HomeFragment()
                    supportFragmentManager.beginTransaction()
                            .replace(R.id.nav_host_fragment, fragment)
                            .commit()
                }
                R.id.nav_gallery -> {
                    val fragment = GalleryFragment()
                    supportFragmentManager.beginTransaction()
                            .replace(R.id.nav_host_fragment, fragment)
                            .commit()
                }
                R.id.nav_slideshow -> {
                    val fragment = SlideshowFragment()
                    supportFragmentManager.beginTransaction()
                            .replace(R.id.nav_host_fragment, fragment)
                            .commit()
                }
                else -> {
                }
            }
            drawerLayout.closeDrawers()
            true
        }
　　　　// ↑↑↑↑↑↑（追加）　　　　
    }

動作確認を行うとFragmentが切り替わる(replace)のではなく、複数のFragmentが重なって表示されてしまいます。
androidの勉強を始めて日が浅く、ご教授頂けると幸いです。

[環境]
android studio 4.1.2

Comments

[hoshi-takanori]

ナビゲーションドロワー・アクティビティの雛型を使う場合は、fragment の入れ替えを自分で実装する必要はないと思いますが…。

[Jellyfish0511]

入れ替えだけでしたら、ご指摘のとおりなのですが、独自の処理も行いたいと考えています。

[hoshi-takanori]

独自の処理の内容にもよると思いますが、各 fragment で処理するか、navController.addOnDestinationChangedListener を使えば良いのでは？
https://developer.android.com/guide/navigation/navigation-ui?hl=ja#listen_for_navigation_events

[Jellyfish0511]

表示されているフラグメントを再度選択すると、何もして欲しくないのですが、同じフラグメントに入れ替わっているようです。Fragmentの初期化で少し重い処理をしており、切り替わったときに画面が一瞬ガクつきます。
　表示しているフラグメントと同じものが選択されたなら（せめて）何もしないで、メニューを閉じる動作にしたいと考えています。

[hoshi-takanori]

なるほど。Navigation Component の挙動が気に入らない場合は、Navigation Component は使わずに自分で実装した方がいいみたいですね。
https://josipsalkovic.com/2019/12/08/android-navigation-component/
(Bottom Navigation に関する記事ですが。)

[Jellyfish0511]

早々のご回答ありがとうございました。
教えて頂いた記事の方を参考に調べたいと思います。

Answer 1

以下のサイトに行いたい事と同じことが具体的に記載されていました。
http://mtryo1021.hatenablog.com/entry/2018/11/25/180717