hamystudio/muza
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 2 Wiki Activity

Add a button to clear text input in SearchScreen

Browse Source
This commit is contained in:
vfsfitvnm
2022-06-12 19:15:15 +02:00
parent 6c1e90cd0c
commit 326329bc83
1 changed files with 21 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
app/src/main/kotlin/it/vfsfitvnm/vimusic/ui/screens/SearchScreen.kt
View File

@@ -8,6 +8,7 @@ import androidx.compose.animation.fadeOut
import androidx.compose.foundation.* import androidx.compose.foundation.*
import androidx.compose.foundation.interaction.MutableInteractionSource import androidx.compose.foundation.interaction.MutableInteractionSource
import androidx.compose.foundation.layout.* import androidx.compose.foundation.layout.*
import androidx.compose.foundation.shape.CircleShape
import androidx.compose.foundation.text.BasicText import androidx.compose.foundation.text.BasicText
import androidx.compose.foundation.text.BasicTextField import androidx.compose.foundation.text.BasicTextField
import androidx.compose.foundation.text.KeyboardActions import androidx.compose.foundation.text.KeyboardActions
@@ -143,10 +144,7 @@ fun SearchScreen(
), ),
cursorBrush = SolidColor(colorPalette.text), cursorBrush = SolidColor(colorPalette.text),
decorationBox = { innerTextField -> decorationBox = { innerTextField ->
Row( Row(verticalAlignment = Alignment.CenterVertically) {
verticalAlignment = Alignment.CenterVertically,
modifier = Modifier
) {
Image( Image(
painter = painterResource(R.drawable.chevron_back), painter = painterResource(R.drawable.chevron_back),
contentDescription = null, contentDescription = null,
@@ -180,10 +178,28 @@ fun SearchScreen(
innerTextField() innerTextField()
} }
Box(
modifier = Modifier
.clickable {
textFieldValue = TextFieldValue()
}
.padding(horizontal = 14.dp, vertical = 6.dp)
.background(color = colorPalette.lightBackground, shape = CircleShape)
.size(28.dp)
) {
Image(
painter = painterResource(R.drawable.close),
contentDescription = null,
colorFilter = ColorFilter.tint(colorPalette.textSecondary),
modifier = Modifier
.align(Alignment.Center)
.size(14.dp)
)
}
} }
}, },
modifier = Modifier modifier = Modifier
.padding(end = 16.dp)
.weight(1f) .weight(1f)
.focusRequester(focusRequester) .focusRequester(focusRequester)
) )