[go: up one dir, main page]
Scribd
Upload
29 views2 pages

Kotlin

The document contains a Kotlin Composable function for a HomeScreen in a chat application. It features a welcome message and an icon, along with a horizontally scrolling list of user cards displaying images and names. The layout uses Material Design components and is styled with a black background and circular card shapes.

Uploaded by

prajyot20naik
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
29 views2 pages

Kotlin

The document contains a Kotlin Composable function for a HomeScreen in a chat application. It features a welcome message and an icon, along with a horizontally scrolling list of user cards displaying images and names. The layout uses Material Design components and is styled with a black background and circular card shapes.

Uploaded by

prajyot20naik
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 2

package com.elite.chattapp1.

screen

import androidx.compose.foundation.Image
import androidx.compose.foundation.background
import androidx.compose.foundation.layout.Column
import androidx.compose.foundation.layout.Row
import androidx.compose.foundation.layout.fillMaxSize
import androidx.compose.foundation.layout.size
import androidx.compose.foundation.lazy.LazyRow
import androidx.compose.foundation.shape.CircleShape
import androidx.compose.material.icons.Icons
import androidx.compose.material.icons.filled.Person
import androidx.compose.material3.Card
import androidx.compose.material3.Icon
import androidx.compose.material3.Text
import androidx.compose.runtime.Composable
import androidx.compose.ui.Modifier
import androidx.compose.ui.graphics.Color
import androidx.compose.ui.layout.ContentScale
import androidx.compose.ui.unit.dp
import com.elite.chattapp1.R

@Composable
fun HomeScreen() {

Column(
modifier = Modifier
.fillMaxSize()
.background(color = Color.Black)
) {

Row (){

Text(text = "Welcome back Nandini", )

Icon(imageVector = Icons.Default.Person, contentDescription = " ")


}

LazyRow {
items(10){
Column {
Card (modifier = Modifier.size(59.dp), shape = CircleShape){
Image(painter = R.drawable.background, contentDescription
="", modifier = Modifier.fillMaxSize(),
contentScale = ContentScale.Crop)
Text(text = "Prajyot Naik")

}
}
}
}
}
}

You might also like