Viewpager not showing in constraint layout

Question

I have a ViewPager placed inside a ConstraintLayout, but it is not showing up at all. Any other view will show up no problems. Here is my layout code:

If I use a LinearLayout for example, the ViewPager does show up, but it simply won't scroll to show the extra content. Not sure if this helps, but the final layout I want to achieve looks something like this:

But instead I have this:

Ole Pannier · Accepted Answer

I set everything up for you. You need to have a BaseFragment that will hold the ViewPager. The Viewpager invokes the 2 other Fragments. Here FirstFragment (Phone) and SecondFragment (Email). So first define your BaseFragment.java like this:

public class BaseFragment extends Fragment {

    public BaseFragment(){
    }

    public static FirstFragment firstFragment;
    public static SecondFragment secondFragment;

    @Override
    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, Bundle savedInstanceState) {
        View view = inflater.inflate(R.layout.fragment_base, container, false);


        TabLayout tabLayout = view.findViewById(R.id.tab_layout);
        ViewPager viewPager = view.findViewById(R.id.login_view_pager);
        firstFragment = new FirstFragment();
        secondFragment = new SecondFragment();
        tabLayout.setupWithViewPager(viewPager);

        ViewPagerAdapter viewPagerAdapter = new ViewPagerAdapter(getChildFragmentManager(), 0);
        viewPagerAdapter.addFragment(firstFragment,"Phone");
        viewPagerAdapter.addFragment(secondFragment,"Email");
        viewPager.setAdapter(viewPagerAdapter);

        return view;
    }

    private class ViewPagerAdapter extends FragmentPagerAdapter {

        private List fragments = new ArrayList<>();
        private List fragmentTitle = new ArrayList<>();

        public ViewPagerAdapter(@NonNull FragmentManager fm, int behavior) {
            super(fm, behavior);
        }

        public void addFragment(Fragment fragment, String title) {
            fragments.add(fragment);
            fragmentTitle.add(title);
        }

        @NonNull
        @Override
        public Fragment getItem(int position) {
            return fragments.get(position);
        }

        @Override
        public int getCount() {
            return fragments.size();
        }

        @Nullable
        @Override
        public CharSequence getPageTitle(int position) {
            return fragmentTitle.get(position);
        }


    }
}

And also define it's fragment_base.xml with the stuff you gave us:

Now the more unattractive part. Define FirstFragment and SecondFragment with it's Views. That will be hold from the ViewPager as TabLayout, your Phone and Email pages.

FirstFragment.java:

public class FirstFragment extends Fragment {



    @Override
    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, Bundle savedInstanceState) {
        View view = inflater.inflate(R.layout.fragment_first, container, false);


        TextView textView = view.findViewById(R.id.textView_phone);

        return view;
    }
}

fragment_first.xml:

SecondFragment.java:

public class SecondFragment extends Fragment {


    @Override
    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, Bundle savedInstanceState) {
        View view = inflater.inflate(R.layout.fragment_second, container, false);


        TextView textView = view.findViewById(R.id.textView_email);

        return view;
    }
}

fragment_second.xml:

RESULT

Now you see the Viewpager is working properly. If you want to make the fragment scrollable you need to add ScrollView in fragment_first.xml and fragment_second.xml. Cheers!

Viewpager not showing in constraint layout

Answers (1)

Related Questions