Android Jetpack Navigation with ViewPager and TabLayout

android android-architecture-components android-navigation android-jetpack android-architecture-navigation
ngu picture ngu · Sep 27, 2018 · Viewed 13.3k times · Source

For a new app i use Jetpack Navigation Library to implement proper back navigation. The first level of navigation is a navigation drawer which works fine with jetpack navigation as described in the documentation. But there is another level of navigation implemented with ViewPager and TabLayout. The fragments switched by the TabLayout contain additional linear navigation hierarchy. However, there seems to be no support for ViewPager/TabLayout in Jetpack Navigation. A FragmentPagerAdapter has to be implemented and the managed back stack ends when switching tabs. There is a disconnect between the top level navigation and the navigation inside each tab. Is there any way to make this work with Jetpack Navigation?

Answer

sunadorer picture sunadorer · Mar 18, 2019

Experimented with different approaches to handle TabLayout with Jetpack Navigation. But hit issues like having a full history of switching between tabs multiple times etc.

Browsing known Google Android Issues before raising a request for a demo, I found this existing issue.

Its status is Closed marked as Intended Behavior with the following explanation:

Navigation focuses on elements that affect the back stack and tabs do not affect the back stack - you should continue to manage tabs with a ViewPager and TabLayout - Referring to Youtube training.

Related questions

how to setup different toolbar using navigation controller component?

I am actually not sure, how the correct way or the best practice to set different toolbar using navigation controller component in my app. I want to set 2 different toolbars. green toolbar red toolbar two toolbars with different colour. this …

Read More
Pass data from single activity to start destination fragment using Architecture Component Navigation

I've got the following Activity, which is the single one in my app: MainActivity.java: public class MainActivity extends AppCompatActivity { @Override protected void onCreate(Bundle savedInstanceState) { PermissionState state = PermissionState.get(this); if (state == PermissionState.GRANTED) { getWindow().setBackgroundDrawable(new ColorDrawable(-1)); } …

Read More
New navigation component from arch with nested navigation graph

I have one case and wish to implement it by arch navigation component. For example I have 2 Nav Graphs (main and nested). Can I call main graph from nested and how?

Read More