app: switch to FlowLayout for TagRow

Signed-off-by: Harsh Shandilya <me@msfjarvis.dev>
This commit is contained in:
Harsh Shandilya 2021-03-09 19:53:15 +05:30
parent 08adc87493
commit 607e93e180
No known key found for this signature in database
GPG key ID: 366D7BBAD1031E80
3 changed files with 7 additions and 3 deletions

View file

@ -53,6 +53,7 @@ dependencies {
implementation(Dependencies.AndroidX.Lifecycle.viewmodelKtx) implementation(Dependencies.AndroidX.Lifecycle.viewmodelKtx)
implementation(Dependencies.Kotlin.Coroutines.android) implementation(Dependencies.Kotlin.Coroutines.android)
implementation(Dependencies.ThirdParty.accompanist) implementation(Dependencies.ThirdParty.accompanist)
implementation(Dependencies.ThirdParty.composeFlowLayout)
implementation(Dependencies.ThirdParty.Moshi.lib) implementation(Dependencies.ThirdParty.Moshi.lib)
implementation(Dependencies.ThirdParty.Retrofit.moshi) implementation(Dependencies.ThirdParty.Retrofit.moshi)
implementation(Dependencies.ThirdParty.SQLDelight.androidDriver) implementation(Dependencies.ThirdParty.SQLDelight.androidDriver)

View file

@ -30,6 +30,7 @@ import androidx.compose.ui.text.font.FontWeight
import androidx.compose.ui.tooling.preview.Preview import androidx.compose.ui.tooling.preview.Preview
import androidx.compose.ui.unit.dp import androidx.compose.ui.unit.dp
import coil.transform.CircleCropTransformation import coil.transform.CircleCropTransformation
import com.star_zero.compose.flowlayout.FlowLayout
import dev.chrisbanes.accompanist.coil.CoilImage import dev.chrisbanes.accompanist.coil.CoilImage
import dev.msfjarvis.lobsters.R import dev.msfjarvis.lobsters.R
import dev.msfjarvis.lobsters.data.api.LobstersApi import dev.msfjarvis.lobsters.data.api.LobstersApi
@ -131,11 +132,12 @@ fun TagRow(
tags: List<String>, tags: List<String>,
modifier: Modifier = Modifier, modifier: Modifier = Modifier,
) { ) {
Row( FlowLayout(
modifier = Modifier.then(modifier), modifier = Modifier.then(modifier),
horizontalArrangement = Arrangement.spacedBy(8.dp), horizontalSpacing = 8.dp,
verticalSpacing = 8.dp,
) { ) {
tags.take(3).forEach { tag -> tags.forEach { tag ->
Text( Text(
text = tag, text = tag,
modifier = Modifier modifier = Modifier

View file

@ -66,6 +66,7 @@ object Dependencies {
object ThirdParty { object ThirdParty {
const val accompanist = "dev.chrisbanes.accompanist:accompanist-coil:0.6.1" const val accompanist = "dev.chrisbanes.accompanist:accompanist-coil:0.6.1"
const val composeFlowLayout = "com.star-zero:compose-flowlayout:0.0.1"
object Moshi { object Moshi {