TabLayout with ViewPager not working inside Android fragment

Question

Hi I have a TabLayout and ViewPager inside a fragment. But I can’t move between tabs to go to the child fragment (usually works when in Activity, but does not work in fragment).

Here is my code for the tablayout inside the snippet:

@Override public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { View inflateView = inflater.inflate(R.layout.fragment_assign_beacon_to_event, container, false); //Viewpager and TabLayout viewPager = (ViewPager)inflateView.findViewById(R.id.viewPager); viewPager.setAdapter(new CustomAdapter(getFragmentManager(), getContext())); tabLayout = (TabLayout)inflateView.findViewById(R.id.tabLayout); // Inflate the layout for this fragment return inflateView; } @Override public void onActivityCreated(Bundle savedInstanceState) { super.onActivityCreated(savedInstanceState); tabLayout.post(new Runnable() { @Override public void run() { tabLayout.setupWithViewPager(viewPager); } }); tabLayout.setOnTabSelectedListener(new TabLayout.OnTabSelectedListener() { @Override public void onTabSelected(TabLayout.Tab tab) { viewPager.setCurrentItem(tab.getPosition()); } @Override public void onTabUnselected(TabLayout.Tab tab) { viewPager.setCurrentItem(tab.getPosition()); } @Override public void onTabReselected(TabLayout.Tab tab) { viewPager.setCurrentItem(tab.getPosition()); } }); Any here is my Custom Adapter class private class CustomAdapter extends FragmentPagerAdapter { private String fragments[] = {"Assign Event", "Manage Event"}; public CustomAdapter(FragmentManager supportFragmentManager, Context applicationContext) { super(supportFragmentManager); } @Override public Fragment getItem(int position) { switch (position) { case 0: // return new AssignEventToBeacon(); return new Test1(); case 1: return new ManageEventAssigned(); default: return null; } } @Override public int getCount() { return fragments.length; } @Override public CharSequence getPageTitle(int position) { return fragments[position]; } } 

I doubt I have a problem with this line:

 viewPager.setAdapter(new CustomAdapter(getFragmentManager(), getContext())); 

Anyhelp really appreciates, thanks

Answer 1

I did a similar project, and here is my code for the snippet:

 @Override public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { // Inflate the layout for this fragment View view = inflater.inflate(R.layout.outer_fragment, container, false); setHasOptionsMenu(true); ViewPager viewPager = (ViewPager) view.findViewById(R.id.viewpager); if (viewPager != null) { setupViewPager(viewPager); } Log.v("Layout","Tabs"); TabLayout tabLayout = (TabLayout) view.findViewById(R.id.tabs); tabLayout.setSelectedTabIndicatorColor(Color.parseColor("#FFFFFF")); tabLayout.setTabTextColors(Color.parseColor("#707070"), Color.parseColor("#FFFFFF")); assert viewPager != null; tabLayout.setupWithViewPager(viewPager); return view; } private void setupViewPager(ViewPager viewPager) { Adapter adapter = new Adapter(getChildFragmentManager()); adapter.addFragment(new Tab1Fragment(), "PHOTOS"); adapter.addFragment(new Tab2Fragment(), "HI-FIVES"); viewPager.setAdapter(adapter); } static class Adapter extends FragmentPagerAdapter { private final List<Fragment> mFragments = new ArrayList<>(); private final List<String> mFragmentTitles = new ArrayList<>(); public Adapter(FragmentManager fm) { super(fm); } public void addFragment(Fragment fragment, String title) { mFragments.add(fragment); mFragmentTitles.add(title); } @Override public Fragment getItem(int position) { return mFragments.get(position); } @Override public int getCount() { return mFragments.size(); } @Override public CharSequence getPageTitle(int position) { return mFragmentTitles.get(position); } }