Added lazy column and click listeners

Author: SamsetDev

.idea/.name

@@ -4,11 +4,11 @@ plugins {
 }
 
 android {
-    namespace = "com.educational.jetpackcomposebasics_master"
+    namespace = "com.educational.jetpackbasic"
     compileSdk = 35
 
     defaultConfig {
-        applicationId = "com.educational.jetpackcomposebasics_master"
+        applicationId = "com.educational.jetpackbasic"
         minSdk = 24
         targetSdk = 34
         versionCode = 1

.idea/deploymentTargetSelector.xml

@@ -12,7 +12,7 @@ import androidx.compose.ui.Modifier
 import androidx.compose.ui.tooling.preview.Preview
 import androidx.core.view.WindowCompat
 import androidx.navigation.compose.rememberNavController
-import com.educational.jetpackbasic.component.BottomView
+import com.educational.jetpackbasic.component.bottomView.BottomView
 import com.educational.jetpackbasic.component.Toolbar
 import com.educational.jetpackbasic.component.bottomView.BottomNavigationItem
 import com.educational.jetpackbasic.navigation.SamNavigation

.idea/vcs.xml

@@ -1,18 +1,25 @@
 package com.educational.jetpackbasic
 
+import android.widget.Toast
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.PaddingValues
 import androidx.compose.foundation.layout.fillMaxSize
 import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.lazy.LazyColumn
+import androidx.compose.foundation.lazy.items
+import androidx.compose.foundation.lazy.itemsIndexed
 import androidx.compose.material3.Text
 import androidx.compose.runtime.Composable
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.platform.LocalContext
 import androidx.compose.ui.text.font.FontWeight
 import androidx.compose.ui.text.style.TextAlign
 import androidx.compose.ui.unit.sp
+import com.educational.jetpackbasic.component.coreComp.CardView
+import com.educational.jetpackbasic.utils.DataSource
 
 /**
  * Created by Samset on 2/27/25.
@@ -22,14 +29,14 @@ Copyright (c) 2025  All rights reserved.
 @Composable
 fun HomeScreen(padding: PaddingValues) {
   Column(modifier = Modifier.fillMaxSize().padding(bottom = padding.calculateBottomPadding(), top = padding.calculateTopPadding())){
-    Text(
-      text = "Home Screen",
-      fontWeight = FontWeight.Bold,
-      color = Color.Black,
-      modifier = Modifier.align(Alignment.CenterHorizontally),
-      textAlign = TextAlign.Center,
-      fontSize = 25.sp
-    )
+    val context = LocalContext.current
+    LazyColumn {
+      itemsIndexed(items = DataSource.getListData()) { index, data ->
+        CardView(data.res,data.title, onItemClick = { item ->
+          Toast.makeText(context,"You click on ${item}", Toast.LENGTH_SHORT).show()
+      })
+      }
+    }
 
   }
 

app/build.gradle.kts

@@ -18,6 +18,7 @@ import androidx.compose.ui.unit.dp
 import androidx.compose.ui.unit.sp
 import com.educational.jetpackbasic.R
 
+
 /**
  * Created by Samset on 2/27/25.
 Copyright (c) 2025  All rights reserved.

app/src/main/java/com/educational/jetpackbasic/MainActivity.kt

@@ -12,8 +12,8 @@ import androidx.compose.ui.graphics.vector.ImageVector
 Copyright (c) 2025  All rights reserved.
  */
 sealed class BottomNavigationItem(val route:String, val resource: ImageVector, val title:String){
-    object Home : BottomNavigationItem("One",Icons.Filled.Home,"Home")
-    object Profile : BottomNavigationItem("Two",Icons.Filled.AccountCircle,"Profile")
-    object Settings : BottomNavigationItem("Three",Icons.Filled.Settings,"Settings")
-    object More : BottomNavigationItem("Four",Icons.Filled.MoreVert,"More")
+    object Home : BottomNavigationItem("Home",Icons.Filled.Home,"Home")
+    object Profile : BottomNavigationItem("Profile",Icons.Filled.AccountCircle,"Profile")
+    object Settings : BottomNavigationItem("Settings",Icons.Filled.Settings,"Settings")
+    object More : BottomNavigationItem("More",Icons.Filled.MoreVert,"More")
 }

app/src/main/java/com/educational/jetpackbasic/Screens.kt

@@ -1,4 +1,4 @@
-package com.educational.jetpackbasic.component
+package com.educational.jetpackbasic.component.bottomView
 
 import androidx.compose.foundation.layout.height
 import androidx.compose.material3.Icon
@@ -13,7 +13,6 @@ import androidx.compose.ui.graphics.Color
 import androidx.compose.ui.unit.dp
 import androidx.navigation.NavController
 import androidx.navigation.compose.currentBackStackEntryAsState
-import com.educational.jetpackbasic.component.bottomView.BottomNavigationItem
 
 /**
  * Created by Samset on 2/27/25.

app/src/main/java/com/educational/jetpackbasic/component/Toolbar.kt

@@ -0,0 +1,45 @@
+package com.educational.jetpackbasic.component.coreComp
+
+import androidx.compose.foundation.Image
+import androidx.compose.foundation.clickable
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.size
+import androidx.compose.foundation.shape.CornerSize
+import androidx.compose.foundation.shape.RoundedCornerShape
+import androidx.compose.material3.Card
+import androidx.compose.material3.CardDefaults
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.draw.clip
+import androidx.compose.ui.res.painterResource
+import androidx.compose.ui.text.font.FontWeight
+import androidx.compose.ui.unit.dp
+import androidx.compose.ui.unit.sp
+
+/**
+ * Created by Samset on 2/28/25.
+Copyright (c) 2025  All rights reserved.
+ */
+
+@Composable
+fun CardView( icon:Int, details:String,onItemClick:(String) -> Unit) {
+  Card(modifier = Modifier.fillMaxSize(), shape = RoundedCornerShape(8.dp), elevation = CardDefaults.cardElevation(defaultElevation = 4.dp)) {
+    Row(modifier = Modifier.fillMaxWidth().clickable { onItemClick(details) }) {
+      Image(
+        painter = painterResource(id = icon),
+        contentDescription = "image",
+        modifier = Modifier
+          .padding(8.dp)
+          .size(60.dp)
+          .clip(RoundedCornerShape(CornerSize(6.dp)))
+          .align(alignment = Alignment.CenterVertically)
+      )
+      Text(text = details, fontSize = 18.sp, fontWeight = FontWeight.Normal)
+    }
+  }
+}

app/src/main/java/com/educational/jetpackbasic/component/bottomView/BottomNavigationItem.kt

@@ -0,0 +1,7 @@
+package com.educational.jetpackbasic.model
+
+/**
+ * Created by Samset on 2/28/25.
+Copyright (c) 2025  All rights reserved.
+ */
+data class UserData(val res:Int,val title:String)

app/src/main/java/com/educational/jetpackbasic/component/BottomView.kt renamed to app/src/main/java/com/educational/jetpackbasic/component/bottomView/BottomView.kt

@@ -0,0 +1,22 @@
+package com.educational.jetpackbasic.utils
+
+import com.educational.jetpackbasic.R
+import com.educational.jetpackbasic.model.UserData
+import java.util.ArrayList
+
+/**
+ * Created by Samset on 2/28/25.
+Copyright (c) 2025  All rights reserved.
+ */
+object DataSource {
+  val dataList: ArrayList<UserData> = ArrayList()
+  fun getListData() : ArrayList<UserData>{
+    dataList.clear()
+    for (i in 1..50){
+      val data= UserData(R.drawable.ic_launcher_background,"Item "+i)
+      dataList.add(data)
+    }
+    return dataList
+  }
+
+}

app/src/main/java/com/educational/jetpackbasic/component/coreComp/CardView.kt

@@ -19,5 +19,5 @@ dependencyResolutionManagement {
     }
 }
 
-rootProject.name = "JetpackComposeBasics-master"
+rootProject.name = "JetpackComposeBasics"
 include(":app")