Kotlinでボトムナビゲーションバーを使ったFragment間の移動がAndroid画面で出来ないです。

KotlinでAndroidアプリを作成しています。
MainActivity上にボトムナビゲーションバーと3つのFragmentを用意したのですが、
実際に動かすと何も変わらず真っ白な画面しか表示されません。
問題点が分からず、解決の為、アドバイスなどあればご教示頂けますと幸いです。
よろしくお願いいたします。

Kotlin

1package com.undeniabledreams.togather_again.main.view 2 3import androidx.appcompat.app.AppCompatActivity 4import android.os.Bundle 5import androidx.fragment.app.Fragment 6import com.undeniabledreams.togather_again.R 7import com.undeniabledreams.togather_again.databinding.ActivityMainBinding 8 9class MainActivity : AppCompatActivity() {10 11 private lateinit var binding : ActivityMainBinding 12 13 override fun onCreate(savedInstanceState: Bundle?) {14 super.onCreate(savedInstanceState)15 binding = ActivityMainBinding.inflate(layoutInflater)16 setContentView(binding.root)17 replaceFragment(FamilyFragment())18 19 binding.bottomNavView.setOnItemSelectedListener {20 when(it.itemId) {21 R.id.family -> replaceFragment(FamilyFragment())22 R.id.interactions -> replaceFragment(InteractionsFragment())23 R.id.album -> replaceFragment(AlbumFragment())24 25 else -> {26 27 }28 }29 true30 }31 32 }33 34 private fun replaceFragment(fragment : Fragment) {35 val fragmentManager = supportFragmentManager 36 val fragmentTransaction = fragmentManager.beginTransaction()37 fragmentTransaction.replace(R.id.frame_layout, fragment)38 fragmentTransaction.commit()39 }40 41}