Added viewpager2 in the favorites fragment, with 2 tabs

app/src/main/java/divyansh/tech/animeclassroom/favorites/FavoritesFragment.kt

@@ -1,9 +1,85 @@
 package divyansh.tech.animeclassroom.favorites
 
+import android.os.Bundle
+import android.util.Log
+import android.view.LayoutInflater
+import android.view.View
+import android.view.ViewGroup
 import androidx.fragment.app.Fragment
+import androidx.viewpager2.widget.ViewPager2
+import com.google.android.material.tabs.TabLayoutMediator
 import dagger.hilt.android.AndroidEntryPoint
-import divyansh.tech.animeclassroom.R
+import divyansh.tech.animeclassroom.databinding.FragmentFavoritesBinding
+import divyansh.tech.animeclassroom.favorites.utils.ViewPagerAdapter
 
 @AndroidEntryPoint
-class FavoritesFragment: Fragment(R.layout.fragment_favorites) {
+class FavoritesFragment: Fragment() {
+
+    private lateinit var _favoritesFragmentBinding : FragmentFavoritesBinding
+    val binding : FragmentFavoritesBinding get() = _favoritesFragmentBinding
+    lateinit var pagerAdapter: ViewPagerAdapter
+    private var mediator: TabLayoutMediator? = null
+    val tabNames= listOf("Animes","Mangas")
+
+    private val pageChangeCallback = object : ViewPager2.OnPageChangeCallback() {
+
+        override fun onPageSelected(position: Int) {
+            super.onPageSelected(position)
+        }
+    }
+
+    override fun onCreateView(
+        inflater: LayoutInflater,
+        container: ViewGroup?,
+        savedInstanceState: Bundle?
+    ): View? {
+
+        _favoritesFragmentBinding = FragmentFavoritesBinding.inflate(inflater, container, false)
+        return binding.root
+    }
+
+    override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
+        super.onViewCreated(view, savedInstanceState)
+        setUpViewpager()
+    }
+
+    private fun setUpViewpager(){
+
+        pagerAdapter = ViewPagerAdapter(fragmentManager = childFragmentManager, lifecycle = lifecycle)
+
+        binding.viewPager2.isUserInputEnabled = true
+
+        binding.viewPager2.adapter = pagerAdapter
+        binding.viewPager2.registerOnPageChangeCallback(pageChangeCallback)
+
+        if (mediator != null)
+            mediator!!.detach()
+        pagerAdapter.removeAllFragments()
+        pagerAdapter.addFragments(tabNames)
+        binding.viewPager2.offscreenPageLimit = pagerAdapter.itemCount
+
+        val tabs = mutableListOf<String>().apply {
+            addAll(tabNames)
+        }
+
+        val strategy =
+            TabLayoutMediator.TabConfigurationStrategy { tab, position ->
+                tab.text = tabs[position]
+            }
+
+        mediator = TabLayoutMediator(
+            binding.tabLayout,
+            binding.viewPager2,
+            strategy
+        )
+
+        mediator?.attach()
+    }
+
+    override fun onStop() {
+        binding.viewPager2.unregisterOnPageChangeCallback(pageChangeCallback)
+        super.onStop()
+    }
+
+
 }

app/src/main/java/divyansh/tech/animeclassroom/favorites/screens/DynamicTabFragment.kt

@@ -0,0 +1,38 @@
+package divyansh.tech.animeclassroom.favorites.screens
+
+import android.os.Bundle
+import android.view.LayoutInflater
+import android.view.View
+import android.view.ViewGroup
+import androidx.core.os.bundleOf
+import androidx.fragment.app.Fragment
+import dagger.hilt.android.AndroidEntryPoint
+import divyansh.tech.animeclassroom.R
+import divyansh.tech.animeclassroom.databinding.FragmentDynamicTabBinding
+
+
+@AndroidEntryPoint
+class DynamicTabFragment : Fragment() {
+
+    companion object {
+
+        private const val CATEGORY = "category"
+        fun getInstance(category: String) = DynamicTabFragment().apply {
+            arguments = bundleOf(CATEGORY to category)
+        }
+
+    }
+
+    private lateinit var _dynamicTabFragment: FragmentDynamicTabBinding
+    val binding: FragmentDynamicTabBinding get() = _dynamicTabFragment
+
+    override fun onCreateView(
+        inflater: LayoutInflater,
+        container: ViewGroup?,
+        savedInstanceState: Bundle?
+    ): View? {
+        _dynamicTabFragment= FragmentDynamicTabBinding.inflate(inflater, container, false)
+        return binding.root
+    }
+
+}

app/src/main/java/divyansh/tech/animeclassroom/favorites/utils/ViewPagerAdapter.kt

@@ -0,0 +1,51 @@
+package divyansh.tech.animeclassroom.favorites.utils
+
+import androidx.fragment.app.Fragment
+import androidx.fragment.app.FragmentManager
+import androidx.lifecycle.Lifecycle
+import androidx.viewpager2.adapter.FragmentStateAdapter
+import divyansh.tech.animeclassroom.favorites.screens.DynamicTabFragment
+
+
+class ViewPagerAdapter(private val list: MutableList<Fragment> = mutableListOf(),
+                       fragmentManager: FragmentManager,
+                       lifecycle: Lifecycle
+): FragmentStateAdapter(fragmentManager , lifecycle) {
+
+    private val pageIds= mutableListOf<Long>()
+
+    override fun getItemCount(): Int {
+        return list.size
+    }
+
+    override fun createFragment(position: Int): Fragment {
+        return list[position]
+    }
+
+    fun addFragments(ls:List<String>){
+        pageIds.clear()
+        ls.forEach {
+                category ->
+            list.add(DynamicTabFragment.getInstance(category))
+        }
+
+        pageIds.addAll(list.map { it.hashCode().toLong() })
+        notifyDataSetChanged()
+    }
+
+    fun removeAllFragments(){
+        list.clear()
+        pageIds.clear()
+        notifyDataSetChanged()
+    }
+
+    override fun getItemId(position: Int): Long {
+        return pageIds[position]
+    }
+
+    override fun containsItem(itemId: Long): Boolean {
+        return pageIds.contains(itemId)
+    }
+
+
+}

app/src/main/res/layout/fragment_dynamic_tab.xml

@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="utf-8"?>
+<layout
+    xmlns:app="http://schemas.android.com/apk/res-auto">
+    <data/>
+<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"
+    tools:context=".favorites.screens.DynamicTabFragment">
+
+    <TextView
+        android:layout_width="match_parent"
+        android:layout_height="match_parent"
+        android:text="Blank Fragment" />
+
+</androidx.constraintlayout.widget.ConstraintLayout>
+</layout>

app/src/main/res/layout/fragment_favorites.xml

@@ -1,12 +1,35 @@
 <?xml version="1.0" encoding="utf-8"?>
-<androidx.constraintlayout.widget.ConstraintLayout
-    xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent"
+<layout
+    xmlns:app="http://schemas.android.com/apk/res-auto">
+    <data/>
+<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="match_parent"
     android:layout_height="match_parent">
 
-    <TextView
-        android:layout_height="match_parent"
+    <com.google.android.material.tabs.TabLayout
+        android:id="@+id/tab_layout"
         android:layout_width="match_parent"
-        android:text="Favorites"
+        android:layout_height="38dp"
+        android:paddingStart="10dp"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toTopOf="parent"
+        app:tabMode="fixed"
+        app:tabPaddingBottom="6dp"
+        >
+
+    </com.google.android.material.tabs.TabLayout>
+
+    <androidx.viewpager2.widget.ViewPager2
+        android:id="@+id/viewPager2"
+        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/tab_layout"
         />
 
-</androidx.constraintlayout.widget.ConstraintLayout>
+
+</androidx.constraintlayout.widget.ConstraintLayout>
+</layout>