Mastering MVVM Architecture in Android Development using Kotlin/

...

/

News Activity

News Activity

Learn how to integrate navigation components in our activities.

We'll cover the following...

Setting up navigation components

In this lesson, we’ll learn how to set up navigation components in our activities. Since we’ve already connected our bottom navigation bar to the navigation graph, we’ll use the components to create different destinations for the navigation drawer.

Adding destinations to the navigation drawer

To comprehend what’s happening, we will go line by line, providing a proper explanation for each one.

The code block below represents the NewsActivity class we created earlier. Let’s go through the navigation drawerLayout setup.

Press + to interact
package com.example.globalnewsapp.ui
import android.content.Intent
import android.content.Intent.ACTION_VIEW
import android.net.Uri
import android.os.Bundle
import android.view.MenuItem
import androidx.appcompat.app.ActionBarDrawerToggle
import androidx.appcompat.app.AppCompatActivity
import androidx.lifecycle.ViewModelProvider
import androidx.navigation.fragment.NavHostFragment
import androidx.navigation.ui.setupWithNavController
import com.example.globalnewsapp.R
import com.example.globalnewsapp.databinding.ActivityNewsBinding
import com.example.globalnewsapp.db.ArticleDatabase
import com.example.globalnewsapp.repository.NewsRepository
import com.example.globalnewsapp.ui.viewmodel.NewsViewModel
import com.example.globalnewsapp.ui.viewmodel.NewsViewModelProvider
class NewsActivity : AppCompatActivity() {
    lateinit var toggle: ActionBarDrawerToggle
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        val binding = ActivityNewsBinding.inflate(layoutInflater)
        setContentView(binding.root)
        setUpNavigation(binding)
        toggle = ActionBarDrawerToggle(this, binding.drawerLayout, R.string.open, R.string.close)
        binding.drawerLayout.addDrawerListener(toggle)
        toggle.syncState()
        supportActionBar?.setDisplayHomeAsUpEnabled(true)
        binding.navMenu.itemIconTintList = null
        binding.navMenu.setNavigationItemSelectedListener {
            when (it.itemId) {
                R.id.github_repo ->
                    startActivity(
                        Intent(
                            ACTION_VIEW,
                            Uri.parse("https://github.com/Peter-cloud-web/GlobalNewsApp")
                        )
                    )
                R.id.developer ->
                    startActivity(
                        Intent(
                            ACTION_VIEW,
                            Uri.parse("https://t.co/Y6b7mMOtRr?amp=1")
                        )
                    )
            }
            true
        }
    }
    override fun onOptionsItemSelected(item: MenuItem): Boolean {
        if (toggle.onOptionsItemSelected(item)) {
            return true
        }
        return super.onOptionsItemSelected(item)
    }
    private fun setUpNavigation(binding: ActivityNewsBinding) {
        val navHostFragment = supportFragmentManager.findFragmentById(R.id.newsNavHostFragment) as NavHostFragment
        val navController = navHostFragment.navController
        binding.bottomNavigationView.setupWithNavController(navController)
    }
}
 toggle = ActionBarDrawerToggle(this, binding.drawerLayout, R.string.open, R.string.close)

In the code snippet above, we created an instance of the ActionBarDrawerToggle, which provides a way to tie together the drawerLayout and the action bar so they’re in sync and can provide seamless ...