android - Viewpager2 适配器显示第一页空白

Question

我正在尝试使用 viewpager2 创建全屏图像 slider 。但是当我运行代码时，第一页没有显示任何图像，但是当我滑动到另一页并重新访问第一页时，图像正在显示。我尝试了一切但找不到问题。请帮忙。这是我的代码。

PS - 我将图像更改为彩色以便轻松查看屏幕上的布局。即使我将图像列表而不是颜色列表传递给我的适配器，也会发生同样的事情。

我的适配器:

class FullScreenImageAdapter(val context: Context, val sliderItems: MutableList<Int>, val viewPager2: ViewPager2) : RecyclerView.Adapter<FullScreenImageAdapter.ViewHolder>() {

    override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): ViewHolder {
        return ViewHolder(LayoutInflater.from(parent.context).inflate(R.layout.fullscreen_image_container,
            parent, false))
    }

    override fun onBindViewHolder(holder: ViewHolder, position: Int) {
        holder.imageView.setBackgroundResource(sliderItems[position])

    }

    override fun getItemCount(): Int {
        return sliderItems.size
    }

    class ViewHolder(itemView: View) : RecyclerView.ViewHolder(itemView) {
        val imageView: ImageView= itemView.findViewById(R.id.fullImageId)
    }
}

全屏图像容器.xml

<?xml version="1.0" encoding="utf-8"?>
<ImageView
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/fullImageId"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:adjustViewBounds="true"
    android:scaleType="centerCrop">

</ImageView>

我 fragment 中的代码:

class FullScreenImageFragment : Fragment() {

    lateinit var viewPager2: ViewPager2
    lateinit var navController: NavController
    lateinit var sliderAdapter: FullScreenImageAdapter
    var sliderImages: MutableList<Int> = mutableListOf()
    }

    override fun onCreateView(
        inflater: LayoutInflater, container: ViewGroup?,
        savedInstanceState: Bundle?
    ): View? {
        // Inflate the layout for this fragment
        return inflater.inflate(R.layout.fragment_full_screen_image, container, false)
    }

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

        sliderImages.add(R.color.Green)
        sliderImages.add(R.color.Orange)
        sliderImages.add(R.color.black)
        sliderImages.add(R.color.colorchery)

        header_layout_fullscreen.app_name_header.visibility = View.GONE
        header_layout_fullscreen.image_back_btn.setOnClickListener {
            navController.navigateUp()
        }

        viewPager2 = view.findViewById(R.id.full_image_viewpager) as ViewPager2

        sliderAdapter = FullScreenImageAdapter(requireContext(), sliderImages, viewPager2)
        viewPager2.adapter = sliderAdapter
    }
}

fragment_full_screen_image.xml

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout 
    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"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    tools:context=".ui.FullScreenImageFragment">

    <androidx.viewpager2.widget.ViewPager2
        android:id="@+id/full_image_viewpager"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

</androidx.constraintlayout.widget.ConstraintLayout>

谢谢

编辑:- 我创建了一个新 Activity 并将所有代码从 fragment 转移到 Activity ，并且在那里工作得很好。我仍然不知道 fragment 有什么问题。如果你们中的任何人都能找到它，我仍然想知道 fragment 的问题。我更喜欢在应用程序中使用单个 Activity ，但我现在将使用此解决方法。

Answer 1

为第一个屏幕提供默认数据，否则它会由于某种原因显示为空/null。例如:

data class SomeDataClass(
        val title: String = "Title1",
        val content: String = "Content1"): Serializable