TextDecoration 不适用于 LazyColumn 项目

Question

I've started a todo-list app to get into jetpack compose. Here's what I've got so far.

I have a composable for a Todo:

@Composable
fun Todo(
    todo: TodoItem = TodoItem()
) {
    Row() {
        Checkbox

        Spacer

        if (todo.editing)
            EditTodo(todo, onEditingFinished = onEditingFinished)
        else
            TodoText(todo = todo)
    }
}

I've omitted the styling bits in here to highlight the actual components

For reference, here's the TodoItem :

data class TodoItem(
    val id: String,
    val title: String,
    val done: Boolean,
    val editing: Boolean,
    val createdAt: Date,
)

The TodoText method is where I think my problem lies:

@Composable
private fun TodoText(todo: TodoItem) {
    Text(
        text = todo.title,
        style = if (todo.done)
            TextStyle(
                textDecoration = TextDecoration.LineThrough,
                color = Color.LightGray,
                fontSize = 18.sp,
            )
        else
            TextStyle(
                textDecoration = TextDecoration.None,
                color = Color.Black,
                fontSize = 18.sp,
            )
    )
}

If the todo is done, I want to change the text style accordingly and as you can see from the following gif, the colour changes properly, but the decoration remains as LineThrough :

---

That said, I don't know exactly what's happening. I do put this all inside a LazyColumFor which I might not be recycling the views properly, there's also a viewmodel with mutable state here in the mix... All in all, there might be way more things at work here. I've added the code to github. If you want to check it, please use this branch . I plan to keep updating master with code changes.

Answer 1

Apparently, this was an issue with the version of compose I was using, which was 1.0.0-alpha04 .

On 1.0.0-alpha06 the issue doesn't occur anymore.