KotlinでFragmentの画面遷移が出来ません。

Question

Kotlin(xml)でAndroidアプリを作成しています。
MainActivity上に4つのFragmentを用意したのですが、
BottomNavigationのアイコンをクリックしてもぞれぞれのFragmentに遷移しません。
原因が掴めておらず、もし下記コードに不備などがありましたら、ご指摘頂ければと思います。
※また、特にエラーも発生しておりません。。。

import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
import androidx.fragment.app.Fragment
import com.undeniabledreams.cloudbudgettracker.R
import com.undeniabledreams.cloudbudgettracker.databinding.ActivityMainBinding

class MainActivity : AppCompatActivity() {

    private lateinit var binding : ActivityMainBinding

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        binding = ActivityMainBinding.inflate(layoutInflater)
        setContentView(binding.root)
        replaceFragment(DashFragment())

        binding.bottomNavView.setOnItemSelectedListener {

            when(it.itemId) {
                R.id.dash -> replaceFragment(DashFragment())
                R.id.stats -> replaceFragment(StatsFragment())
                R.id.search -> replaceFragment(SearchFragment())
                R.id.convert -> replaceFragment(ConverterFragment())

                else -> {

                }
            }
            true
        }

    }

    private fun replaceFragment(fragment: Fragment) {
        val fragmentManager = supportFragmentManager
        val fragmentTransaction = fragmentManager.beginTransaction()
        fragmentTransaction.replace(R.id.frame_layout, fragment)
        fragmentTransaction.commit()
    }

}

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".view.MainActivity">


    <FrameLayout
        android:id="@+id/frame_layout"
        android:layout_width="0dp"
        android:layout_height="0dp"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent">

    </FrameLayout>

    <com.google.android.material.bottomnavigation.BottomNavigationView
        android:id="@+id/bottom_nav_view"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:menu="@menu/bottom_nav"
        />
</androidx.constraintlayout.widget.ConstraintLayout>

Comments

[jimbe]

レイアウト xml はどうなっているのでしょうか。

[Yakusugi]

コメントありがとうございます。
activity_main.xmlを追加しました。

[jimbe]

編集ありがとうございます。
レイアウト xml 内の frame_layout の レイアウト制約に Bottom がありません。
layout_height も 0dp ですので、表示が更新されても見えていないのではないでしょうか。

[Yakusugi]

ご指摘ありがとうございます。
上記の様に修正することで解決しました。

[jimbe]

>app:layout_constraintBaseline_toTopOf

書くなら
app:layout_constraintBottom_toTopOf
かと思います。
そして、 app:layout_constraintBottom_toTopOf によってビューの大きさが求められるなら、 android:layout_height は 0dp のままで構いません。
逆に android:layout_height="match_parent" を書くなら app:layout_constraintBottom_～ は無くても構いません。

また、質問のコードを修正してしまうと、何が問題だったのかが分かり難くなります。
修正の内容は回答として書いて頂いたほうが良いと思います。

[Yakusugi]

返信遅くなりすみません。
確かに仰る通り、質問のコードを修正してしまうと、何が問題だったのかが分かり難くなりますね。。。
質問のコードは修正前に直し、修正後のコードは回答に書きました。

[jimbe]

ありがとうございます。

Answer 1

上記ご指摘の通り、下記のように書くことで、修正出来ました。

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".view.MainActivity">


    <FrameLayout
        android:id="@+id/frame_layout"
        android:layout_width="0dp"
        android:layout_height="match_parent"
        app:layout_constraintBottom_toTopOf="@id/bottom_nav_view"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent">

        <com.google.android.material.floatingactionbutton.FloatingActionButton
            android:id="@+id/add_fab"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="bottom|end"
            android:layout_margin="60dp"
            app:fabSize="normal"
            tools:ignore="MissingConstraints"
            android:src="@drawable/plus"
            />
    </FrameLayout>

    <com.google.android.material.bottomnavigation.BottomNavigationView
        android:id="@+id/bottom_nav_view"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:menu="@menu/bottom_nav"
        />
</androidx.constraintlayout.widget.ConstraintLayout>