Thursday, 3 October 2024

Display static data into Recycler or ListView form using Jectpack Compose.

 


@Preview
@Composable
fun prevItem() {
LazyColumn(content = {
items(addItemToList()){
ListItem(img = it.img, name = it.name, loc =it.loc )
}
})
}

@Composable
fun ListItem(img: Int, name: String, loc: String) {
Card(
elevation = CardDefaults.cardElevation(),
modifier = Modifier
.fillMaxWidth()
.padding(4.dp)
) {
Row {
Image(
painter = painterResource(id = img),
contentDescription = "",
contentScale = ContentScale.Crop,
modifier = Modifier
.padding(8.dp)
.size(60.dp)
.border(2.dp, Color.LightGray, CircleShape)
.clip(CircleShape)
.weight(.2f)

)
ItemDescriprion(name, loc, modifier = Modifier.weight(.8f))
}

}
}

@Composable
fun ItemDescriprion(name: String, loc: String, modifier: Modifier) {
Column(horizontalAlignment = Alignment.Start, modifier = modifier) {
Text(
text = name,
style = MaterialTheme.typography.headlineMedium
)
Text(
text = loc,
style = MaterialTheme.typography.bodyMedium,
fontWeight = FontWeight.Thin
)
}

}
data class DataList(val img: Int,val name: String,val loc: String)
fun addItemToList(): MutableList<DataList> {
var item= mutableListOf<DataList>()
item.add(DataList(R.drawable.img3,"Vedik Aryan","Saharsa"))
item.add(DataList(R.drawable.image,"Saurabh Aryan","Madhya Pradesh"))
item.add(DataList(R.drawable.img3,"Supriya Aryan","Ranchi"))
item.add(DataList(R.drawable.image,"Ankit","Kashmir"))
item.add(DataList(R.drawable.img3,"Manju","Saharsa"))
item.add(DataList(R.drawable.image,"Praduman","gujrat"))
item.add(DataList(R.drawable.img3,"Vedik Aryan","Saharsa"))
item.add(DataList(R.drawable.image,"Saurabh Aryan","Madhya Pradesh"))
item.add(DataList(R.drawable.img3,"Supriya Aryan","Ranchi"))
item.add(DataList(R.drawable.image,"Ankit","Kashmir"))
item.add(DataList(R.drawable.img3,"Manju","Saharsa"))
item.add(DataList(R.drawable.image,"Praduman","gujrat"))
item.add(DataList(R.drawable.img3,"Vedik Aryan","Saharsa"))
item.add(DataList(R.drawable.image,"Saurabh Aryan","Madhya Pradesh"))
item.add(DataList(R.drawable.img3,"Supriya Aryan","Ranchi"))
item.add(DataList(R.drawable.image,"Ankit","Kashmir"))
item.add(DataList(R.drawable.img3,"Manju","Saharsa"))
item.add(DataList(R.drawable.image,"Praduman","gujrat"))
item.add(DataList(R.drawable.img3,"Vedik Aryan","Saharsa"))
item.add(DataList(R.drawable.image,"Saurabh Aryan","Madhya Pradesh"))
item.add(DataList(R.drawable.img3,"Supriya Aryan","Ranchi"))
item.add(DataList(R.drawable.image,"Ankit","Kashmir"))
item.add(DataList(R.drawable.img3,"Manju","Saharsa"))
item.add(DataList(R.drawable.image,"Praduman","gujrat"))
return item
}



No comments:

Post a Comment

how to change status bar color in jectpack compose.

 Step1: Go to MainActivity and do following: enableEdgeToEdge ( statusBarStyle = SystemBarStyle .light( Color . Green .h...