Как я могу наложить компонент внутри LazyColumn?Android

Форум для тех, кто программирует под Android
Ответить
Anonymous
 Как я могу наложить компонент внутри LazyColumn?

Сообщение Anonymous »

Я хотел бы получить эффект от карт, которые должны быть размещены, чтобы, когда я разворачиваю каждую из них, остальные снова сворачиваются. Мне удалось создать эффект, но у меня есть небольшая визуальная проблема, которую я не могу решить.
[img]https:// i.sstatic.net/E7aA9nZP.png[/img]

Как видите, из-за закругленных углов есть пустое отверстие, и мне бы хотелось, чтобы фон карты был сзади вверху, чтобы заполнить эту дыру, а не выглядеть белой. Мой код такой:
@Composable
fun RecipeScreen() {
Box(modifier = Modifier.fillMaxSize()) {

Column(modifier = Modifier.fillMaxSize()) {
//no-op
}

ExpandableBottomCards(
modifier = Modifier.align(Alignment.BottomCenter)
)
}
}

@Composable
fun ExpandableBottomCards(modifier: Modifier = Modifier) {
var expandedCard by remember { mutableStateOf("Ingredients") }
val cards = listOf("Ingredients", "Direction", "Tools")

LazyColumn(
modifier = modifier
.fillMaxWidth()
.background(Color.Transparent)
) {
itemsIndexed(cards) { index, cardTitle ->
ExpandableBottomCard(
title = cardTitle,
isExpanded = expandedCard == cardTitle,
onCardClick = {
expandedCard = if (expandedCard == cardTitle) "" else cardTitle
},
)
}
}
}

@Composable
fun ExpandableBottomCard(
title: String,
isExpanded: Boolean,
onCardClick: () -> Unit,
) {
val backgroundColor = when (title) {
"Ingredients" -> Color.Red
"Direction" -> Color.Blue
else -> Color.Green
}

Column(
modifier = Modifier
.fillMaxWidth()
.clip(RoundedCornerShape(topStart = 16.dp, topEnd = 16.dp))
.background(backgroundColor)
.clickable { onCardClick() }
) {
Row(
modifier = Modifier
.fillMaxWidth()
.height(60.dp)
.padding(horizontal = 16.dp),
horizontalArrangement = Arrangement.SpaceBetween,
verticalAlignment = Alignment.CenterVertically
) {
Text(text = title, fontWeight = FontWeight.Bold, color = Color.White)
Icon(
imageVector = Icons.Default.Edit,
contentDescription = "Edit",
tint = Color.White
)
}
if (isExpanded) {
Text(
text = "Contenido expandido para $title",
modifier = Modifier.padding(16.dp),
color = Color.White
)
}
}
}


Подробнее здесь: https://stackoverflow.com/questions/788 ... lazycolumn
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «Android»