Make Preference icon optional

This commit is contained in:
MM20 2021-09-26 12:44:51 +02:00
parent 92694718ce
commit a7536f649c
No known key found for this signature in database
GPG Key ID: 0B61A8F2DEAFA389

View File

@ -4,6 +4,7 @@ import androidx.compose.foundation.clickable
import androidx.compose.foundation.layout.*
import androidx.compose.material.Icon
import androidx.compose.material.MaterialTheme
import androidx.compose.material.Surface
import androidx.compose.material.Text
import androidx.compose.runtime.Composable
import androidx.compose.ui.Alignment
@ -13,43 +14,56 @@ import androidx.compose.ui.unit.dp
@Composable
fun Preference(
icon: ImageVector,
icon: ImageVector?,
title: String,
summary: String? = null,
onClick: () -> Unit = {},
controls: @Composable (() -> Unit)? = null
) {
Row(
verticalAlignment = Alignment.CenterVertically,
modifier = Modifier
.fillMaxWidth()
.clickable(onClick = onClick)
.padding(horizontal = 16.dp, vertical = 16.dp),
Surface(
modifier = Modifier.fillMaxWidth(),
elevation = 0.dp
) {
Icon(
imageVector = icon,
contentDescription = null,
modifier = Modifier.padding(end = 24.dp),
tint = MaterialTheme.colors.primary
)
Column(
modifier = Modifier.weight(1f)
Row(
verticalAlignment = Alignment.CenterVertically,
modifier = Modifier
.fillMaxWidth()
.clickable(onClick = onClick)
.padding(horizontal = 16.dp, vertical = 16.dp),
) {
Text(text = title, style = MaterialTheme.typography.subtitle2)
if (summary != null) {
Text(
text = summary,
style = MaterialTheme.typography.body1,
modifier = Modifier.padding(top = 1.dp)
)
}
}
if (controls != null) {
Box(
modifier = Modifier.padding(start = 24.dp)
modifier = Modifier.width(56.dp),
contentAlignment = Alignment.CenterStart
) {
controls()
if (icon != null) {
Icon(
modifier = Modifier.padding(start = 4.dp),
imageVector = icon,
contentDescription = null,
tint = MaterialTheme.colors.primary
)
}
}
Column(
modifier = Modifier.weight(1f)
) {
Text(text = title, style = MaterialTheme.typography.subtitle2)
if (summary != null) {
Text(
text = summary,
style = MaterialTheme.typography.body1,
modifier = Modifier.padding(top = 1.dp)
)
}
}
if (controls != null) {
Box(
modifier = Modifier.padding(start = 24.dp)
) {
controls()
}
}
}
}
}