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

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

Kotlin
1override fun onCreate(savedInstanceState: Bundle?) {
2        super.onCreate(savedInstanceState)
3        setContentView(R.layout.activity_main)
4        val toolbar: Toolbar = findViewById(R.id.toolbar)
5        setSupportActionBar(toolbar)
6
7        val fab: FloatingActionButton = findViewById(R.id.fab)
8        fab.setOnClickListener { view ->
9            Snackbar.make(view, "Replace with your own action", Snackbar.LENGTH_LONG)
10                    .setAction("Action", null).show()
11        }
12        val drawerLayout: DrawerLayout = findViewById(R.id.drawer_layout)
13        val navView: NavigationView = findViewById(R.id.nav_view)
14        val navController = findNavController(R.id.nav_host_fragment)
15        // Passing each menu ID as a set of Ids because each
16        // menu should be considered as top level destinations.
17        appBarConfiguration = AppBarConfiguration(setOf(
18                R.id.nav_home, R.id.nav_gallery, R.id.nav_slideshow), drawerLayout)
19        setupActionBarWithNavController(navController, appBarConfiguration)
20        navView.setupWithNavController(navController)
21
22　　　　// ↓↓↓↓↓↓（追加）　　　　
23        navView.setNavigationItemSelectedListener { item ->
24            when(item.itemId) {
25                R.id.nav_home -> {
26                    val fragment = HomeFragment()
27                    supportFragmentManager.beginTransaction()
28                            .replace(R.id.nav_host_fragment, fragment)
29                            .commit()
30                }
31                R.id.nav_gallery -> {
32                    val fragment = GalleryFragment()
33                    supportFragmentManager.beginTransaction()
34                            .replace(R.id.nav_host_fragment, fragment)
35                            .commit()
36                }
37                R.id.nav_slideshow -> {
38                    val fragment = SlideshowFragment()
39                    supportFragmentManager.beginTransaction()
40                            .replace(R.id.nav_host_fragment, fragment)
41                            .commit()
42                }
43                else -> {
44                }
45            }
46            drawerLayout.closeDrawers()
47            true
48        }
49　　　　// ↑↑↑↑↑↑（追加）　　　　
50    }

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

[環境]
android studio 4.1.2

hoshi-takanori

2021/01/27 04:43

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

Jellyfish0511

2021/01/27 04:48

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

hoshi-takanori

2021/01/27 05:17

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

Jellyfish0511

2021/01/27 08:47

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

hoshi-takanori

2021/01/27 16:02

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

Jellyfish0511

2021/01/28 16:23

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