How to add a Fragment inside a ViewPager using Nested Fragment (Android 4.2)

by

Assuming you have created the correct xml layouts. It is now very simple to display fragments in a ViewPager that is hosted by another Fragment.

The following is a parent fragment that displays child fragments: 

class ParentViewPagerFragment : Fragment() {

  override fun onCreateView(inflater: LayoutInflater, container: ViewGroup?, savedInstanceState: Bundle?): View? {
    val root = inflater.inflate(R.layout.fragment_parent_viewpager, container, false)

    val viewPager = root.findViewById(R.id.viewPager) as ViewPager
    // Important: Must use the child FragmentManager or you will see side effects.
    viewPager.adapter = MyAdapter(childFragmentManager)

    val tabStrip = root.findViewById<TabLayout>(R.id.pagerTabStrip)
    tabStrip.setupWithViewPager(viewPager)

    return root
  }

  class MyAdapter internal constructor(fm: FragmentManager) : FragmentPagerAdapter(fm) {

    override fun getCount(): Int = 4

    override fun getItem(position: Int): Fragment {
      val args = Bundle().apply { putInt(ChildFragment.POSITION_KEY, position) }
      return ChildFragment.newInstance(args)
    }

    override fun getPageTitle(position: Int): CharSequence = "Tab $position"
  }

  companion object {
    val TAG: String = ParentViewPagerFragment::class.java.name
  }
}

It is important to use Fragment.getChildFragmentManager() when instantiating the FragmentPagerAdapter. Also note that you cannot use Fragment.setRetainInstance() on the children fragments or you’ll get an exception. The imports were omitted for brevity.

Source code can be found at: https://github.com/marcoRS/nested-fragments

More Related Contents:

  1. Getting the error “Java.lang.IllegalStateException Activity has been destroyed” when using tabs with ViewPager
  2. Display fragment viewpager within a fragment
  3. Best practice for nested fragments in Android 4.0, 4.1 (
  4. Android.app Fragments vs. android.support.v4.app using ViewPager?
  5. Fragment in ViewPager using FragmentPagerAdapter is blank the second time it is viewed
  6. How to set a ViewPager inside a Fragment
  7. Nested fragments disappear during transition animation
  8. Retrieve a Fragment from a ViewPager
  9. Replace Fragment inside a ViewPager
  10. Update ViewPager dynamically?
  11. Update data in ListFragment as part of ViewPager
  12. Fragments within Fragments
  13. What is the difference between FragmentPagerAdapter and FragmentStatePagerAdapter?
  14. Fragment Inside Fragment
  15. ViewPager as a circular queue / wrapping
  16. Update Fragment from ViewPager
  17. Difference between Activity and FragmentActivity
  18. How can I access getSupportFragmentManager() in a fragment?
  19. Android: Can you nest Fragments?
  20. ViewPager in a NestedScrollView
  21. Replace one Fragment with another in ViewPager
  22. Sending data from nested fragments to parent fragment
  23. How to get Toolbar from fragment?
  24. Starting Activity from Fragment causes NullPointerException
  25. How to test if a fragment view is visible to the user?
  26. Set state of BottomSheetDialogFragment to expanded
  27. Android 4.2: back stack behaviour with nested fragments
  28. Fragment in ViewPager not restored after popBackStack
  29. Is it possible to access the current Fragment being viewed by a ViewPager?
  30. FragmentStatePagerAdapter with ChildFragmentManager – FragmentManagerImpl.getFragment results in NullPointerException

Leave a Comment