TabLayout 不显示文本

Question

我想构建一个在 AlertDialog 之后添加新选项卡的 TabLayout。

我的问题：TabLayout 中的文本未显示。 Screenshot

我正在尝试的是： - 添加后更改选项卡的文本。这适用于最新的选项卡。其他选项卡丢失其文本 - 如果用户点击我的警报对话框中的肯定按钮，每次都为 vp_participants 设置适配器

有人可以帮我吗？

在我的 Activity.kt:


    //Tab-Layout
    tabl_participants.setupWithViewPager(vp_participants)

    val adapter = TabPagerAdapter(supportFragmentManager)
    vp_participants.adapter = adapter


    img_bike_form.setOnClickListener {
        dialogNewParticipant("Bike", adapter)
    }


    ...


    fun dialogNewParticipant(bogen : String, adapter : TabPagerAdapter) {

        ...

        AlertDialog.Builder(this, if(getDarkMode(this)) { R.style.DarkAlertDialog } else { R.style.LightAlertDialog})
            .setTitle("Create new tab")
            .setMessage("Choose a number")
            .setView(view)
            .setPositiveButton("OK") { _, _ ->
                var existing = false

                ...

                if(!existing) {

                    when(numberPicker.value) {
                        1 -> adapter.addTab(Tab1Fragment(), "Tab 1")
                        2 -> adapter.addTab(Tab2Fragment(), "Tab 2")
                    }

                    adapter.notifyDataSetChanged()


                } 
            }
            .show()
    }
}

TabPagerAdapter.kt:


    class TabPagerAdapter (fm: FragmentManager) : FragmentPagerAdapter(fm) {

        val mFragmentList = ArrayList<Fragment>()
        val mFragmentTitleList = ArrayList<String>()

        override fun getItem(position: Int): Fragment {
            return mFragmentList.get(position)
        }

        override fun getCount(): Int {
            return mFragmentList.size
        }

        fun addTab(fragment : Fragment, title : String) {
            mFragmentList.add(fragment)
            mFragmentTitleList.add(title)
        }
    }

activity.xml:

    ...

    <androidx.constraintlayout.widget.ConstraintLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <com.google.android.material.tabs.TabLayout
            android:id="@+id/tabl_participants"
            android:layout_width="match_parent"
            android:layout_height="80dp"
            android:background="@color/colorPrimary"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toTopOf="parent"
            app:tabIconTint="@color/background_light"
            app:tabIndicatorColor="#FFFFFF"
            app:tabMode="scrollable"
            app:tabTextColor="#FFFFFF" />

        <androidx.viewpager.widget.ViewPager
            android:id="@+id/vp_participants"
            android:layout_width="match_parent"
            android:layout_height="0dp"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toBottomOf="@+id/tabl_participants" />

    </androidx.constraintlayout.widget.ConstraintLayout>

Answer 1

您还必须覆盖 getPageTitle(int position) 方法：

class TabPagerAdapter (fm: FragmentManager) : FragmentPagerAdapter(fm) {

    // ....  

    override fun getPageTitle(position: Int): CharSequence? {
            return mFragmentTitleList[position]
        }    

}

TabLayout 不显示文本

TabLayout is not showing text

tabs

android

text

kotlin

android-tablayout