msfjarvis/compose-lobsters
1
Fork 0
mirror of https://github.com/msfjarvis/compose-lobsters synced 2025-08-18 10:17:02 +05:30
Code Issues Projects Releases Packages Wiki Activity Actions

app: use ConstraintLayout for laying out LobstersItem

Browse source 
Signed-off-by: Harsh Shandilya <me@msfjarvis.dev>
This commit is contained in:
Harsh Shandilya 2020-09-25 02:25:47 +05:30
parent b68eda3051
commit a14484583d
No known key found for this signature in database
GPG key ID: 366D7BBAD1031E80
1 changed files with 13 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

18
app/src/main/java/dev/msfjarvis/lobsters/ui/LobstersItem.kt
View file

@ -6,7 +6,7 @@ import androidx.compose.foundation.background
import androidx.compose.foundation.border import androidx.compose.foundation.border
import androidx.compose.foundation.clickable import androidx.compose.foundation.clickable
import androidx.compose.foundation.layout.Arrangement import androidx.compose.foundation.layout.Arrangement
import androidx.compose.foundation.layout.Column import androidx.compose.foundation.layout.ConstraintLayout
import androidx.compose.foundation.layout.Row import androidx.compose.foundation.layout.Row
import androidx.compose.foundation.layout.padding import androidx.compose.foundation.layout.padding
import androidx.compose.foundation.lazy.LazyColumnFor import androidx.compose.foundation.lazy.LazyColumnFor
@ -33,15 +33,21 @@ fun LazyItemScope.LobstersItem(
.fillParentMaxWidth() .fillParentMaxWidth()
.clickable(onClick = { onClick.invoke(post) }), .clickable(onClick = { onClick.invoke(post) }),
text = { text = {
Column { ConstraintLayout {
val (title, tags, submitter) = createRefs()
Text( Text(
text = post.title, text = post.title,
color = Color(0xFF7395D9), color = Color(0xFF7395D9),
fontWeight = FontWeight.Bold, fontWeight = FontWeight.Bold,
modifier = Modifier.padding(top = 4.dp) modifier = Modifier.padding(top = 4.dp).constrainAs(title) {
top.linkTo(parent.top)
start.linkTo(parent.start)
}
) )
Row( Row(
modifier = Modifier.padding(vertical = 8.dp), modifier = Modifier.padding(vertical = 8.dp).constrainAs(tags) {
top.linkTo(title.bottom)
},
horizontalArrangement = Arrangement.spacedBy(8.dp), horizontalArrangement = Arrangement.spacedBy(8.dp),
) { ) {
post.tags.forEach { tag -> post.tags.forEach { tag ->
@ -57,7 +63,9 @@ fun LazyItemScope.LobstersItem(
} }
Text( Text(
text = "submitted by ${post.submitterUser.username}", text = "submitted by ${post.submitterUser.username}",
modifier = Modifier.padding(bottom = 4.dp), modifier = Modifier.padding(bottom = 4.dp).constrainAs(submitter) {
top.linkTo(tags.bottom)
},
) )
} }
} }