Fix display of trailing icon in the search bar
This commit is contained in:
parent
06f8cbf77c
commit
76045600ca
1 changed files with 16 additions and 10 deletions
|
|
@ -154,18 +154,24 @@ fun CreateRoomSearchBar(
|
||||||
leadingIcon = if (active) {
|
leadingIcon = if (active) {
|
||||||
{ BackButton(onClick = { onActiveChanged(false) }) }
|
{ BackButton(onClick = { onActiveChanged(false) }) }
|
||||||
} else null,
|
} else null,
|
||||||
trailingIcon = {
|
trailingIcon = when {
|
||||||
if (active) {
|
active && text.isNotEmpty() -> {
|
||||||
IconButton(onClick = { onTextChanged("") }) {
|
{
|
||||||
Icon(Icons.Default.Close, stringResource(StringR.string.a11y_clear))
|
IconButton(onClick = { onTextChanged("") }) {
|
||||||
|
Icon(Icons.Default.Close, stringResource(StringR.string.a11y_clear))
|
||||||
|
}
|
||||||
}
|
}
|
||||||
} else {
|
|
||||||
Icon(
|
|
||||||
imageVector = Icons.Default.Search,
|
|
||||||
contentDescription = stringResource(StringR.string.search),
|
|
||||||
modifier = Modifier.alpha(0.4f), // FIXME align on Design system theme (removing alpha should be fine)
|
|
||||||
)
|
|
||||||
}
|
}
|
||||||
|
!active -> {
|
||||||
|
{
|
||||||
|
Icon(
|
||||||
|
imageVector = Icons.Default.Search,
|
||||||
|
contentDescription = stringResource(StringR.string.search),
|
||||||
|
modifier = Modifier.alpha(0.4f), // FIXME align on Design system theme (removing alpha should be fine)
|
||||||
|
)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
else -> null
|
||||||
},
|
},
|
||||||
shape = if (!active) SearchBarDefaults.dockedShape else SearchBarDefaults.fullScreenShape,
|
shape = if (!active) SearchBarDefaults.dockedShape else SearchBarDefaults.fullScreenShape,
|
||||||
colors = if (!active) SearchBarDefaults.colors() else SearchBarDefaults.colors(containerColor = Color.Transparent),
|
colors = if (!active) SearchBarDefaults.colors() else SearchBarDefaults.colors(containerColor = Color.Transparent),
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue