OnCreateView已调用但Fragment布局无法显示的技术求助

通过日志确认onCreateView和onViewCreated方法已正常调用，但HistoryFragment的布局始终无法显示，界面仅展示MainActivity的布局。

相关代码 #

MainActivity 代码

class MainActivity: AppCompatActivity() {
private lateinit var viewBinding: ActivityMainBinding

private var imageCapture: ImageCapture? = null

private lateinit var cameraExecutor: ExecutorService
private lateinit var db: FirebaseFirestore

override fun onCreate(savedInstanceState: Bundle?) {
    super.onCreate(savedInstanceState)
    Log.d("TAG", "onCreate: ")

    viewBinding = ActivityMainBinding.inflate(layoutInflater)
    setContentView(viewBinding.root)
    Log.d("TAG", "onCreate: ")

    // Request camera permissions
    if (allPermissionsGranted()) {
        Log.d(TAG, "onCreate: ")
        startCamera()
    } else {
        Log.d(TAG, "onCreate: ")
        ActivityCompat.requestPermissions(
            this, REQUIRED_PERMISSIONS, REQUEST_CODE_PERMISSIONS
        )
    }

    // Set up the listeners for take photo and video capture buttons
    viewBinding.imageCaptureButton.setOnClickListener { takePhoto() }

    cameraExecutor = Executors.newSingleThreadExecutor()

    val historyBtn = viewBinding.historyBtn

    historyBtn.setOnClickListener {
        if (savedInstanceState == null) {
            supportFragmentManager.commit {
                Log.d("bla", "onCreate: sdfsdfsd")
                setReorderingAllowed(true)
                add<HistoryFragment>(R.id.root_layout)
            }
        }
    }
}

HistoryFragment 代码

class HistoryFragment : Fragment() {

private lateinit var db: FirebaseFirestore

override fun onCreate(savedInstanceState: Bundle?) {
    super.onCreate(savedInstanceState)
}

companion object{
    fun newInstance(): HistoryFragment{
        return HistoryFragment()
    }
}

override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
    super.onViewCreated(view, savedInstanceState)
    db = Firebase.firestore

    val docRef = db.collection("Products")
    Log.d("frTag", "onCreateView: sdasda")

    docRef.get()
        .addOnSuccessListener { documents -
            for (document in documents){
                val objects = documents.toObjects(ProductModel::class.java)
                val productArrayList: ArrayList<ProductModel> = objects as ArrayList<ProductModel>
            }
        }
}

override fun onCreateView(
    inflater: LayoutInflater, container: ViewGroup?,
    savedInstanceState: Bundle?
): View? {
    Log.d("kalla", "onCreateView: called")
    return inflater.inflate(R.layout.fragment_history, container, false)
}
}

MainActivity 布局

<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=".MainActivity">

<fragment
    class="com.sanjarbek.mlkitfunproject.HistoryFragment"
    android:id="@+id/root_layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:name="com.sanjarbek.mlkitfunproject.HistoryFragment" />

<androidx.camera.view.PreviewView
    android:id="@+id/viewFinder"
    android:layout_width="match_parent"
    android:layout_height="match_parent" />

<Button
    android:id="@+id/image_capture_button"
    android:layout_width="110dp"
    android:layout_height="110dp"
    android:layout_marginBottom="50dp"
    android:layout_marginEnd="50dp"
    android:elevation="2dp"
    android:text="take photo"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintLeft_toLeftOf="parent"
    app:layout_constraintEnd_toStartOf="@id/vertical_centerline" />

<Button
    android:id="@+id/video_capture_button"
    android:layout_width="110dp"
    android:layout_height="110dp"
    android:layout_marginBottom="50dp"
    android:layout_marginStart="50dp"
    android:elevation="2dp"
    android:text="start capture"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintStart_toEndOf="@id/vertical_centerline" />

<androidx.constraintlayout.widget.Guideline
    android:id="@+id/vertical_centerline"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:orientation="vertical"
    app:layout_constraintGuide_percent=".50" />

<Button
    android:id="@+id/history_btn"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintTop_toTopOf="parent"
    android:text="History"
    android:layout_margin="10dp"/>

</androidx.constraintlayout.widget.ConstraintLayout>

HistoryFragment 布局

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".HistoryFragment">

<TextView
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:text="adfdasdfafa"/>

核心问题 #

1. 布局层级覆盖：MainActivity布局中，PreviewView和按钮控件写在<fragment>标签之后，ConstraintLayout会让后添加的控件层级更高，导致Fragment被完全遮挡。
2. 错误的Fragment容器：用<fragment>标签作为动态添加Fragment的容器，这是静态Fragment的写法，动态添加需要用FrameLayout这类容器。
3. Fragment添加方式错误：使用add方法会在原有容器内容上叠加新Fragment，无法替换或显示在顶层。

修复步骤 #

1. 修改MainActivity布局，替换静态Fragment为动态容器

把原有的<fragment>标签替换为FrameLayout，并默认隐藏，点击按钮后再显示：

<!-- 替换原静态fragment标签 -->
<FrameLayout
    android:id="@+id/fragment_container"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:visibility="gone"/>

2. 修改History按钮点击逻辑

切换控件显示状态，用replace方法替换Fragment：

historyBtn.setOnClickListener {
    // 隐藏相机相关控件，显示Fragment容器
    viewBinding.viewFinder.visibility = View.GONE
    viewBinding.imageCaptureButton.visibility = View.GONE
    viewBinding.videoCaptureButton.visibility = View.GONE
    viewBinding.fragmentContainer.visibility = View.VISIBLE

    supportFragmentManager.commit {
        setReorderingAllowed(true)
        // 替换容器内容，而非叠加
        replace(R.id.fragment_container, HistoryFragment.newInstance())
        // 可选：添加返回栈，点击返回键回到相机界面
        addToBackStack(null)
    }
}

3. 修复HistoryFragment代码语法错误

onViewCreated中addOnSuccessListener的箭头语法错误，修正后优化列表转换：

docRef.get()
    .addOnSuccessListener { documents ->
        // 无需强制转换，直接转ArrayList
        val productArrayList = ArrayList(documents.toObjects(ProductModel::class.java))
        // 后续可在此处理列表数据，如绑定RecyclerView
    }

内容的提问来源于stack exchange，提问作者Sanjarbek Kodirjonov