带有 TabLayout 的 ViewPager2 未导航到正确的选项卡

Question

出于某种原因，我的 TabLayout（包含 5 个选项卡）似乎与 ViewPager2 的行为不符。该应用程序加载正常，但是当我单击 Tab D 时，它会转到 Tab E。为什么会发生这种情况，可以采取什么措施来解决这个问题？

活动

片段

class MyFragment : androidx.fragment.app.Fragment() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
    }

    override fun onCreateView(
        inflater: LayoutInflater,
        container: ViewGroup?,
        savedInstanceState: Bundle?
    ): View? {
        val v = inflater.inflate(R.layout.my_fragment, container, false)
        super.onCreate(savedInstanceState)

        return v
    }

    override fun onActivityCreated(savedInstanceState: Bundle?) {

        // Set TabLayout tab names
        mViewPager2!!.adapter = MyAdapter(fragmentManager, lifecycle)
        TabLayoutMediator(mTabLayout, mViewPager2, TabLayoutMediator.TabConfigurationStrategy{ tab, position ->
            when (position) {
                0 -> tab.text = getString(R.string.a)
                1 -> tab.text = getString(R.string.b)
                2 -> tab.text = getString(R.string.c)
                3 -> tab.text = getString(R.string.d)
                4 -> tab.text = getString(R.string.e)
            }
        }).attach()

        super.onActivityCreated(savedInstanceState)
    }

    // Set TabLayout tab classes
    private inner class MyAdapter(fm: FragmentManager?, lifecycle: Lifecycle) : FragmentStateAdapter(fm!!, lifecycle) {
        private val intItems = 5

        override fun createFragment(position: Int): Fragment {
            var fragment: Fragment? = null
            when (position) {
                0 -> fragment = FragmentA()
                1 -> fragment = FragmentB()
                2 -> fragment = FragmentC()
                3 -> fragment = FragmentD()
                4 -> fragment = FragmentE()
            }
            return fragment!!
        }

        override fun getItemCount(): Int {
            return intItems
        }
    }
}

my_fragment.xml（带标签的 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:orientation="vertical"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:id="@+id/detail_container">

    <include layout="@layout/toolbar" />

    <com.google.android.material.tabs.TabLayout
            android:id="@+id/myTabLayout"
            android:layout_width="match_parent"
            android:layout_height="?android:attr/actionBarSize"
            app:tabMode="scrollable"
            app:tabTextAppearance="@android:style/TextAppearance.Widget.TabWidget" />

    <androidx.viewpager2.widget.ViewPager2
            android:id="@+id/mViewPager2"
            android:layout_height="0dp"
            android:layout_width="match_parent"
            android:layout_weight="1" />
</LinearLayout>

Answer 1

我的想法是您使用了错误的fragmentManager 您链接的教程在Activity 中创建了viewpager2，因为您在片段中创建它并可能使用已经有fragment 的fragmentManager与之关联的“MyFragment”。

在我对您的其他问题的回答 https://stackoverflow.com/a/60961499/2373819 中，它链接到 viewpager2 的其他构造函数的源代码，片段使用 getChildFragmentManager

这是

返回一个私有的 FragmentManager 用于在这个 Fragment 中放置和管理 Fragment。

因此，因为我认为您没有使用正确的 fragmentManager，所以额外的父片段导致了这个错误。

我建议你构建你的适配器给它当前的fragment 喜欢

mViewPager2!!.adapter = MyAdapter(this)

或

 mViewPager2!!.adapter = MyAdapter(this.getChildFragmentManager(), this.getLifecycle())

对不起，我的 kotlin 不是很好，但希望你能明白（基本这两个选项是相同的，第一个可能是最好用的）

Answer 2

Ummm...确保使用此 TabLayoutMediator 如下 after you set adapter to ViewPager2

TabLayoutMediator(tab_layout, view_pager) { tab, position ->
                tab.text = fragmentList[position].second
            }.attach()