Let’s understand the implementation step by step:

1. First thing first, add the following dependency to your app’s build.gradle

implementation 'android.arch.navigation:navigation-fragment:1.0.0-alpha01'

2. Also please ensure if you are using Android studio 3.2 (right now its in preview version) . Now the interesting part begins

3. Right click on the project and select New > Android Resource File

4. Select “Resource Type” as navigation. Name this xml “nav_graph”. (You can name it anything you like)

5. Open the “nav_graph.xml” file. Toggle to design window. On the top left you will see an icon with “+” over it. Use it to create the Fragments.

6. As per snippet above drag an arrow from the source fragment ( Fragment which is going to launch another fragment) to the destination fragment (the fragment which is going to be launched).

7. Now your nav_graph.xml will look like this :

8. Now in Fragment1.kt. Handle the click of buttons as below (Code is in kotlin. You can use JAVA as well)

9. We are using the action id’s to navigate.

10. Finally in your activity’s xml you need to add NavHostFragment. Should look like below:

11. The app:defaultNavHost="true" attribute. This attribute ensures your NavHostFragment intercepts the system Back button. You will also overwrite AppCompatActivity.onSupportNavigateUp() and call NavController.navigateUp as follows:

override fun onSupportNavigateUp()
        = findNavController(R.id.nav_host_fragment).navigateUp()

That’s all…..

Thank you….. :-)

More where this came from

This story is published in Noteworthy, where thousands come every day to learn about the people & ideas shaping the products we love.

Follow our publication to see more product & design stories featured by the Journal team.