I have a screen with a Scaffold, a FAB in its slot...

# compose

[Gabriel Melo]

I have a screen with a Scaffold, a FAB in its slot and a LazyColumn as content.
I'd like to show a Card at the bottom of the screen without it overlapping my FAB.
Is there any slot in a Scaffold where I could put this Card? If not, how can I have it not overlap the FAB if they're not children of the same view? Is this even doable with Scaffold?

[Gabriel Melo]

This is the current code for the screen:

@Composable
fun TodoScreen(viewModel: TodoViewModel) {
    Scaffold(
        floatingActionButton = {
            AddTodoButton(
                isInAddMode = viewModel.addMode,
                onClicked = viewModel::addButtonClicked
            )
        }
    ) {
        Box {
            LazyColumn(modifier = Modifier.fillMaxHeight()) {
                itemsIndexed(viewModel.todos) { index, item ->
                    TodoRow(
                        index = index,
                        todo = item,
                        onItemClick = viewModel::changeCompletionStatus
                    )
                }
            }

            AnimatedVisibility(
                visible = viewModel.addMode,
                modifier = Modifier.align(Alignment.BottomCenter),
            ) {
                TodoTextInput(
                    todo = viewModel.currentEditItem,
                    onTextChange = viewModel::onAddItemTextChange,
                    onSendItem = viewModel::addItem
                )
            }
        }
    }
}