Replacing Fragment in ViewPager shows blank screen?

Question

I'm having a lot of trouble getting Fragments to work with Tabs/Swiping. I have one activity and two Fragments, one which has a ListView. What I want is when I swipe from fragment 1 to the fragment with the ListView, to refresh the ListView or if possible recreate the second fragment.... What I am trying right now is to use FragmentTransaction.replace() like this: ``` public void onTabSelected(Tab arg0, android.app.FragmentTransaction arg1) { // TODO Auto-generated method stub Fragment frag = new FragmentTwo(); FragmentTransaction trans = getSupportFragmentManager().beginTransaction(); if (arg0.getPosition() == 1) { trans.replace(R.id.pager, frag); trans.addToBackStack(null); trans.commit(); } } ``` So I thought that when I swipe to tab 2, which is the one with the ListView, it would replace it with a new one, which it creates. What is actually happening is that when I swipe to tab 2, it recreates the fragment with the ListView (I know because I have a dialog in the onCreateView which…

Accepted Answer

Try to extend FragmentStatePagerAdapter instead of FragmentPagerAdapter.

Here's my code for fragments and it works fine for me:

```
//Adapter
public class AllPagesAdapter extends FragmentStatePagerAdapter {

public AllPagesAdapter(FragmentManager fm) {

super(fm);

}

@Override
            public Fragment getItem(int index) {

switch (index) {
            case 0:

return new Android();

case 1:

return new CoreJava();
            case 2:

return new J2EE();

case 3:

return new Database();

case 4:

return new WebServices();

}
        return null;

}

@Override
    public int getCount() {
        return 5;
    }

}

//For example, this is one fragment:

public class Database extends Fragment {

@Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
                             Bundle savedInstanceState) {

View databaseview = inflater.inflate(R.layout.database, container, false);

return databaseview;

}

//My MainActivity

public class AllActivities extends FragmentActivity implements ActionBar.TabListener {

public ViewPager viewPager;
    private AllPagesAdapter mAdapter;
    private ActionBar actionBar;
    private String [] tabs = {"Android","CoreJava","J2EE","Database","Web Services"};

@Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

//Initializing all stuff
        viewPager = (ViewPager)findViewById(R.id.pager);

actionBar = getActionBar();
        mAdapter = new AllPagesAdapter(getSupportFragmentManager());
        viewPager.setAdapter(mAdapter);
        actionBar.setHomeButtonEnabled(true);
        actionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_TABS);

//Add the tabs here
        for(String tab_name:tabs){
            actionBar.addTab(actionBar.newTab().setText(tab_name).setTabListener(this));
        }

viewPager.setOnPageChangeListener(new ViewPager.SimpleOnPageChangeListener(){

@Override
        public void onPageSelected(int position){

//on Page change, that particular page should be selected
                actionBar.setSelectedNavigationItem(position);
            }

@Override
                public void onPageScrolled(int arg0,float arg1,int arg2){

}
            @Override
        public void onPageScrollStateChanged(int position){

}

});
    }

@Override
    public boolean onCreateOptionsMenu(Menu menu) {

// Inflate the menu; this adds items to the action bar if it is present.
        getMenuInflater().inflate(R.menu.main, menu);
        return true;
    }

@Override
    public void onTabSelected(Tab tab, FragmentTransaction fragmentTransaction) {

viewPager.setCurrentItem(tab.getPosition());
    }

@Override
    public void onTabUnselected(Tab tab, FragmentTransaction fragmentTransaction) {

}

@Override
    public void onTabReselected(Tab tab, FragmentTransaction fragmentTransaction) {

viewPager.setCurrentItem(tab.getPosition());

}
}
```

Let me know if you also want the implementation of the listview in any one fragment.

Hope this helps..:)

Replacing Fragment in ViewPager shows blank screen?

Solution

Problem