Android Studioでタブの内部に配置したボタンクリックで画面遷移をしたい

Question

前提・実現したいこと

タブの内部のボタンをクリック時に画面遷移するようにしたい。
タブ切り替えで別々のビューを表示する機能は出来ています。

※エラー解決で進行があったため下部の方で進行内容を追記しました。

発生している問題・エラーメッセージ

E/AndroidRuntime: FATAL EXCEPTION: main
    Process: microwave.net.pgm.golfcoursereservationapp.dev, PID: 7420
    java.lang.IllegalArgumentException: No view found for id 0x7f090160 (microwave.net.pgm.golfcoursereservationapp.dev:id/nav_host_fragment_activity_main) for fragment NormalCalendarFragment{2992b3a} (c4bbb1f4-2e63-4dc0-a57c-03548fd9f9e6) id=0x7f090160}
        at androidx.fragment.app.FragmentStateManager.createView(FragmentStateManager.java:315)
        at androidx.fragment.app.FragmentManager.moveToState(FragmentManager.java:1187)
        at androidx.fragment.app.FragmentManager.moveToState(FragmentManager.java:1356)
        at androidx.fragment.app.FragmentManager.moveFragmentToExpectedState(FragmentManager.java:1434)
        at androidx.fragment.app.FragmentManager.moveToState(FragmentManager.java:1497)
        at androidx.fragment.app.BackStackRecord.executeOps(BackStackRecord.java:447)
        at androidx.fragment.app.FragmentManager.executeOps(FragmentManager.java:2169)
        at androidx.fragment.app.FragmentManager.executeOpsTogether(FragmentManager.java:1992)
        at androidx.fragment.app.FragmentManager.removeRedundantOperationsAndExecute(FragmentManager.java:1947)
        at androidx.fragment.app.FragmentManager.execPendingActions(FragmentManager.java:1849)
        at androidx.fragment.app.FragmentManager$4.run(FragmentManager.java:413)
        at android.os.Handler.handleCallback(Handler.java:938)
        at android.os.Handler.dispatchMessage(Handler.java:99)
        at android.os.Looper.loop(Looper.java:223)
        at android.app.ActivityThread.main(ActivityThread.java:7656)
        at java.lang.reflect.Method.invoke(Native Method)
        at com.android.internal.os.RuntimeInit$MethodAndArgsCaller.run(RuntimeInit.java:592)
        at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:947)

該当のソースコード

・TabtopPageFragmentファイル

import android.os.Bundle
import android.util.Log
import android.view.LayoutInflater
import android.view.View
import android.view.ViewGroup
import android.widget.Button
import androidx.fragment.app.Fragment
import microwave.net.pgm.golfcoursereservationapp.NormalCalendarFragment
import microwave.net.pgm.golfcoursereservationapp.R


class TabHomeNormalFragment(context: Context): Fragment(){

    private var _viewTabItem : View? = null

    override fun onCreateView(
        inflater: LayoutInflater,
        container: ViewGroup?,
        savedInstanceState: Bundle?
    ): View? {
        _viewTabItem = inflater.inflate(R.layout.top_page_normal_tab, container, false)
        //Viewに対する処理
        return _viewTabItem
    }

    override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
        super.onViewCreated(view, savedInstanceState)

        val normalCalendarFragment: Fragment = NormalCalendarFragment()
        Log.d("!ノーマルカレンダー!", ""+normalCalendarFragment)

        val dayBtn = view.findViewById<Button>(R.id.day_btn)
        dayBtn.setOnClickListener{
            val fragmentTransaction = fragmentManager?.beginTransaction()
            fragmentTransaction?.addToBackStack(null)
            fragmentTransaction?.replace(R.id.nav_host_fragment_activity_main, normalCalendarFragment)
            fragmentTransaction?.commit()
        }
    }
}

class TabHomeOneFragment(context: Context): Fragment(){
    override fun onCreateView(
        inflater: LayoutInflater,
        container: ViewGroup?,
        savedInstanceState: Bundle?
    ): View? {
        return inflater.inflate(R.layout.top_page_one_person_tab, container, false)
    }
}

・HomeFragmentファイル

import android.os.Bundle
import android.view.LayoutInflater
import android.view.View
import android.view.ViewGroup
import androidx.appcompat.app.ActionBar
import androidx.appcompat.app.AppCompatActivity
import androidx.fragment.app.Fragment
import androidx.lifecycle.ViewModelProvider
import microwave.net.pgm.golfcoursereservationapp.R
import microwave.net.pgm.golfcoursereservationapp.TabTopPage.TabTopPageAdapter
import microwave.net.pgm.golfcoursereservationapp.databinding.FragmentHomeBinding

class HomeFragment : Fragment() {

    private lateinit var homeViewModel: HomeViewModel
    private var _binding: FragmentHomeBinding? = null
    private var _adapterTab : TabTopPageAdapter? = null
    private val binding get() = _binding!!

    override fun onCreateView(
        inflater: LayoutInflater,
        container: ViewGroup?,
        savedInstanceState: Bundle?
    ): View? {
        homeViewModel =
                ViewModelProvider(this).get(HomeViewModel::class.java)

        _binding = FragmentHomeBinding.inflate(inflater, container, false)
        val root: View = binding.root

        //タイトルバー非表示
//        supportActionBar?.hide()
        (activity as AppCompatActivity?)!!.getSupportActionBar()?.setDisplayOptions(ActionBar.DISPLAY_SHOW_CUSTOM);
        (activity as AppCompatActivity?)!!.getSupportActionBar()?.setCustomView(R.layout.home_header);

        var context = requireContext()
        _adapterTab = TabTopPageAdapter(childFragmentManager, context)
        binding.homeBookingPager.adapter = _adapterTab
        binding.tabHomeBookingLayout.setupWithViewPager(binding.homeBookingPager)

        return root
    }

    override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
        super.onViewCreated(view, savedInstanceState)

    }

    override fun onDestroyView() {
        super.onDestroyView()
        _binding = null
    }
}

・TabTopPageAdapterファイル

import android.content.Context
import androidx.fragment.app.Fragment
import androidx.fragment.app.FragmentManager
import androidx.fragment.app.FragmentPagerAdapter
import microwave.net.pgm.golfcoursereservationapp.R


class TabTopPageAdapter(fm: FragmentManager, private val context: Context): FragmentPagerAdapter(fm){

    val _flagmentHomeNormal = TabHomeNormalFragment(context)
    val _flagmentHomeOne = TabHomeOneFragment(context)

    override fun getItem(position: Int): Fragment {
        when(position){
            0 -> { return _flagmentHomeNormal }
            else ->  { return _flagmentHomeOne }
        }
    }

    override fun getPageTitle(position: Int): CharSequence? {
        when(position){
            0 -> { return context.getString(R.string.normal_booking_tab); }
            else ->  { return context.getString(R.string.one_person_booking_tab); }
        }
    }

    override fun getCount(): Int {
        return 2
    }
}

試したこと

「No view found for id」というエラーメッセージで検索をかけて色々と調べてみたものの、自分のエラーと同じような情報が見つかりませんでした。
というよりタブの内部に配置したボタンのクリックで画面の遷移といった感じのサイト自体見つけれませんでした。

また、NormalCalendarFragmentがnullになっているかと思い、ログ確認を行いましたが値は入っていました。
キャッシュのクリア等も一応行いました。

他に確認したいファイル等ありましたら教えてください。
少しでもわかる方がいましたらご教示お願いしたいです。

～～～～～～～～～～～～～～～～～
色々と調べ少し進行できたので追記
HomeFragmentでbindingを用いていたので子のフラグメント？もbinding形式で実装が必要かと考え編集しました。

・TabtopPageFragmentファイル

import android.content.Context
import android.os.Bundle
import android.view.LayoutInflater
import android.view.View
import android.view.ViewGroup
import androidx.appcompat.app.AppCompatActivity
import androidx.fragment.app.Fragment
import microwave.net.pgm.golfcoursereservationapp.NormalCalendarFragment
import microwave.net.pgm.golfcoursereservationapp.R
import microwave.net.pgm.golfcoursereservationapp.databinding.TopPageNormalTabBinding


class TabHomeNormalFragment(context: Context): Fragment(){

//    private var _viewTabItem : View? = null
    private var _binding: TopPageNormalTabBinding? = null
    private val binding get() = _binding!!

    override fun onCreateView(
        inflater: LayoutInflater,
        container: ViewGroup?,
        savedInstanceState: Bundle?
    ): View? {
//        _viewTabItem = inflater.inflate(R.layout.top_page_normal_tab, container, false)
        _binding = TopPageNormalTabBinding.inflate(inflater, container, false)
        //Viewに対する処理
        return binding.root
//        return _viewTabItem
    }

    override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
        super.onViewCreated(view, savedInstanceState)

        binding.dayBtn.setOnClickListener {
            (activity as AppCompatActivity?)!!.supportFragmentManager.beginTransaction().apply {
                replace(R.id.nav_host_fragment_activity_main, NormalCalendarFragment())
                addToBackStack(null)
                commit()
            }
        }
    }

    override fun onDestroyView() {
        super.onDestroyView()
        _binding = null
    }
}

class TabHomeOneFragment(context: Context): Fragment(){
    override fun onCreateView(
        inflater: LayoutInflater,
        container: ViewGroup?,
        savedInstanceState: Bundle?
    ): View? {
        return inflater.inflate(R.layout.top_page_one_person_tab, container, false)
    }
}

すると遷移後のフラグメントが無事に表示はされました。
しかしaddではなくreplaceでコミットやonDestroyViewメソッドを記述しているのですが、
遷移前のフラグメントが残っており、フラグメントが重なってしまっている状態になってしまいました。

何が原因なのか度々すみませんが、ご教示をお願いしたいです。

Answer 1

一応自己解決することが出来ました。

まずTabTopPageFragmentではボタンのクリック検出だけを行い、親フラグメントであるHomeFragmentに
setResult関数でクリックされたか伝える。
次にHomeFragmentでsetResultListener関数で値が入ってきたときに画面遷移を行うメソッドを呼び出すことで無事に求めていた実装を行う事が出来ました。