Add navigation graph and navigation code

- Add android browser library from custom crome tab

Author: Kaushal-Vasava

app/build.gradle

@@ -1,6 +1,7 @@
 plugins {
     id 'com.android.application'
     id 'org.jetbrains.kotlin.android'
+    id 'kotlin-parcelize'
 }
 
 android {
@@ -70,4 +71,6 @@ dependencies {
     debugImplementation "androidx.compose.ui:ui-tooling:$compose_version"
     debugImplementation "androidx.compose.ui:ui-test-manifest:$compose_version"
 
+    implementation "androidx.navigation:navigation-compose:2.5.3"
+    implementation 'androidx.browser:browser:1.4.0'
 }

app/src/main/java/com/lahsuak/apps/jetpackcomposebasic/model/News.kt

@@ -1,8 +1,12 @@
 package com.lahsuak.apps.jetpackcomposebasic.model
 
-data class News (
-    val description:String,
-    val title:String,
-    val url:String,
-    val urlToImage:String,
-)
+import android.os.Parcelable
+import kotlinx.parcelize.Parcelize
+
+@Parcelize
+data class News(
+    val description: String,
+    val title: String,
+    val url: String,
+    val urlToImage: String,
+) : Parcelable

app/src/main/java/com/lahsuak/apps/jetpackcomposebasic/ui/CromeTab.kt

@@ -0,0 +1,15 @@
+package com.lahsuak.apps.jetpackcomposebasic.ui
+
+import android.content.Context
+import android.net.Uri
+import androidx.browser.customtabs.CustomTabsIntent
+
+fun openTab(context: Context, url: String) {
+    val packageName = "com.android.chrome"
+    val builder = CustomTabsIntent.Builder()
+    builder.setShowTitle(true)
+    builder.setInstantAppsEnabled(true)
+    val customBuilder = builder.build()
+    customBuilder.intent.setPackage(packageName)
+    customBuilder.launchUrl(context, Uri.parse(url))
+}

app/src/main/java/com/lahsuak/apps/jetpackcomposebasic/ui/NavHost.kt

@@ -0,0 +1,39 @@
+package com.lahsuak.apps.jetpackcomposebasic.ui
+
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.lifecycle.viewmodel.compose.viewModel
+import androidx.navigation.NavHostController
+import androidx.navigation.compose.NavHost
+import androidx.navigation.compose.composable
+import androidx.navigation.compose.rememberNavController
+import com.lahsuak.apps.jetpackcomposebasic.model.News
+import com.lahsuak.apps.jetpackcomposebasic.ui.detailscreen.DetailScreen
+import com.lahsuak.apps.jetpackcomposebasic.ui.home.HomeScreen
+import com.lahsuak.apps.jetpackcomposebasic.ui.viewmodel.NewsViewModel
+
+@Composable
+fun MyAppNavHost(
+    modifier: Modifier = Modifier,
+    navController: NavHostController = rememberNavController(),
+    startDestination: String = NavigationItem.Home.route
+) {
+    NavHost(
+        modifier = modifier,
+        navController = navController,
+        startDestination = startDestination
+    ) {
+        composable(NavigationItem.Home.route) {
+            val newsViewModel: NewsViewModel = viewModel()
+            newsViewModel.getNews("general")
+            HomeScreen(
+                navController, newsViewModel
+            )
+        }
+        composable(NavigationItem.Details.route) {
+            val news =
+                navController.previousBackStackEntry?.savedStateHandle?.get<News>("news")
+            DetailScreen(text = news?.url?:"")
+        }
+    }
+}

app/src/main/java/com/lahsuak/apps/jetpackcomposebasic/ui/NavigationItem.kt

@@ -0,0 +1,6 @@
+package com.lahsuak.apps.jetpackcomposebasic.ui
+
+sealed class NavigationItem(val route: String) {
+    object Home : NavigationItem("home")
+    object Details : NavigationItem("details")
+}

app/src/main/java/com/lahsuak/apps/jetpackcomposebasic/ui/NewsItem.kt

@@ -1,6 +1,7 @@
 package com.lahsuak.apps.jetpackcomposebasic.ui
 
 import androidx.compose.foundation.Image
+import androidx.compose.foundation.clickable
 import androidx.compose.foundation.layout.*
 import androidx.compose.material3.MaterialTheme
 import androidx.compose.material3.Surface
@@ -13,14 +14,15 @@ import androidx.compose.ui.platform.LocalContext
 import androidx.compose.ui.text.style.TextOverflow
 import androidx.compose.ui.tooling.preview.Preview
 import androidx.compose.ui.unit.dp
+import androidx.navigation.NavController
 import coil.compose.rememberAsyncImagePainter
 import coil.request.ImageRequest
 import com.lahsuak.apps.jetpackcomposebasic.R
 import com.lahsuak.apps.jetpackcomposebasic.model.News
 import com.lahsuak.apps.jetpackcomposebasic.ui.theme.JetPackComposeBasicTheme
 
 @Composable
-fun NewsItem(news: News) {
+fun NewsItem(news: News, onClick: () -> Unit) {
     val painter = rememberAsyncImagePainter(
         model = ImageRequest.Builder(LocalContext.current)
             .data(news.urlToImage)
@@ -29,7 +31,9 @@ fun NewsItem(news: News) {
             .build(),
         contentScale = ContentScale.FillWidth
     )
-    Column(modifier = Modifier.fillMaxWidth()) {
+    Column(modifier = Modifier.fillMaxWidth().clickable {
+        onClick()
+    }) {
         Image(
             painter = painter,
             contentDescription = null,
@@ -71,7 +75,7 @@ fun NewsItemPreview() {
                     "https://pixabay.com/get/gc5bde75f8a92a997aa842681d52d37e41990f5e639497bad55c1cf9921835528340e1269788a027624b201d17734fb431c5269478e54aece4e65f7581452fe98_640.jpg",
                     "https://pixabay.com/get/gc5bde75f8a92a997aa842681d52d37e41990f5e639497bad55c1cf9921835528340e1269788a027624b201d17734fb431c5269478e54aece4e65f7581452fe98_640.jpg",
                 )
-            )
+            ) {}
         }
     }
 }

app/src/main/java/com/lahsuak/apps/jetpackcomposebasic/ui/detailscreen/Detailscreen.kt

@@ -0,0 +1,16 @@
+package com.lahsuak.apps.jetpackcomposebasic.ui.detailscreen
+
+import androidx.compose.foundation.clickable
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.platform.LocalContext
+import com.lahsuak.apps.jetpackcomposebasic.ui.openTab
+
+@Composable
+fun DetailScreen(text: String) {
+    val context = LocalContext.current
+    Text(text = text, Modifier.clickable {
+        openTab(context, text)
+    })
+}

app/src/main/java/com/lahsuak/apps/jetpackcomposebasic/ui/home/HomeScreen.kt

@@ -0,0 +1,49 @@
+package com.lahsuak.apps.jetpackcomposebasic.ui.home
+
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.lazy.LazyColumn
+import androidx.compose.foundation.lazy.items
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.collectAsState
+import androidx.compose.runtime.getValue
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.unit.dp
+import androidx.navigation.NavController
+import com.lahsuak.apps.jetpackcomposebasic.model.News
+import com.lahsuak.apps.jetpackcomposebasic.ui.NewsItem
+import com.lahsuak.apps.jetpackcomposebasic.ui.viewmodel.NewsViewModel
+
+@Composable
+fun HomeScreen(
+    navController: NavController,
+    newsViewModel: NewsViewModel
+) {
+
+    val newsList by newsViewModel.newsFlow.collectAsState()
+    LazyColumn(modifier = Modifier.padding(vertical = 4.dp)) {
+        items(items = newsList) { news ->
+            NewsItem(
+                news = news,
+            ) {
+                navController.currentBackStackEntry?.savedStateHandle?.set("news", news)
+                navController.navigate("details")
+            }
+        }
+    }
+}
+
+@Composable
+fun getList(): List<News> {
+    val list = mutableListOf<News>()
+    for (i in 0..10) {
+        list.add(
+            News(
+                "Kaushal",
+                "Ness",
+                "https://pixabay.com/get/gc5bde75f8a92a997aa842681d52d37e41990f5e639497bad55c1cf9921835528340e1269788a027624b201d17734fb431c5269478e54aece4e65f7581452fe98_640.jpg",
+                "https://pixabay.com/get/gc5bde75f8a92a997aa842681d52d37e41990f5e639497bad55c1cf9921835528340e1269788a027624b201d17734fb431c5269478e54aece4e65f7581452fe98_640.jpg",
+            )
+        )
+    }
+    return list
+}