如何在BottomNavigationView的HomeFragment中嵌入Tabs（Kotlin）

先解决你遇到的"Val cannot be reassigned"错误 #

这个错误是Kotlin的基础语法问题：你用val声明了firstViewPager或tabLayout变量，但之后尝试给它重新赋值。val是不可变变量，一旦初始化就不能再修改指向的对象。

正确的做法是用lateinit声明控件变量（因为我们能确定在onViewCreated中会初始化它），或者如果必须允许重新赋值，就把val改成var（但更推荐前者，符合Kotlin最佳实践）。

在HomeFragment中嵌入Tabs的完整实现步骤 #

我会基于ViewPager2（官方推荐替代旧ViewPager的组件）来实现，搭配TabLayout，这是目前最稳定的方案：

1. 修改HomeFragment的布局文件

在fragment_home.xml中添加TabLayout和ViewPager2，结构如下：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <!-- 顶部Tab栏 -->
    <com.google.android.material.tabs.TabLayout
        android:id="@+id/home_tab_layout"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:tabMode="fixed"
        app:tabGravity="fill"/>

    <!-- 承载子Fragment的ViewPager2 -->
    <androidx.viewpager2.widget.ViewPager2
        android:id="@+id/home_view_pager"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1"/>

</LinearLayout>

2. 创建ViewPager2的适配器

这个适配器负责管理ForYou、All、New三个子Fragment，你可以在HomeFragment内部定义这个类，或者单独创建文件：

class HomeTabAdapter(fragment: Fragment) : FragmentStateAdapter(fragment) {
    // 对应三个子Fragment的列表
    private val tabFragments = listOf(
        ForYouFragment(),
        AllFragment(),
        NewFragment()
    )
    // Tab的标题文本
    private val tabTitles = listOf("For You", "All", "New")

    override fun getItemCount(): Int = tabFragments.size

    override fun createFragment(position: Int): Fragment = tabFragments[position]

    // 提供Tab标题的方法
    fun getTabTitle(position: Int): String = tabTitles[position]
}

3. 在HomeFragment中初始化并关联组件

修改HomeFragment的代码，确保正确初始化控件，用TabLayoutMediator关联TabLayout和ViewPager2：

class HomeFragment : Fragment() {
    // 用lateinit声明控件，避免空安全麻烦
    private lateinit var viewPager: ViewPager2
    private lateinit var tabLayout: TabLayout

    override fun onCreateView(
        inflater: LayoutInflater,
        container: ViewGroup?,
        savedInstanceState: Bundle?
    ): View? {
        return inflater.inflate(R.layout.fragment_home, container, false)
    }

    override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
        super.onViewCreated(view, savedInstanceState)
        // 初始化控件，这里不会再出现赋值错误
        viewPager = view.findViewById(R.id.home_view_pager)
        tabLayout = view.findViewById(R.id.home_tab_layout)

        // 设置适配器
        val tabAdapter = HomeTabAdapter(this)
        viewPager.adapter = tabAdapter

        // 关联TabLayout和ViewPager2，自动同步选中状态和标题
        TabLayoutMediator(tabLayout, viewPager) { tab, position ->
            tab.text = tabAdapter.getTabTitle(position)
        }.attach()
    }
}

4. 确认依赖库

确保你的Module级build.gradle中包含以下依赖（如果没有就添加）：

dependencies {
    // Material Components（提供TabLayout）
    implementation 'com.google.android.material:material:1.11.0'
    // ViewPager2
    implementation 'androidx.viewpager2:viewpager2:1.0.0'
}

关键注意点 #

• 不要在Fragment的onCreate里初始化控件，一定要在onViewCreated中通过参数view来获取，因为此时Fragment的布局已经加载完成。
• 使用FragmentStateAdapter而不是旧的FragmentPagerAdapter，前者是为ViewPager2设计的，更高效且支持懒加载。
• TabLayoutMediator是官方提供的用于关联TabLayout和ViewPager2的工具类，能自动处理Tab的选中、滑动同步等逻辑。

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