Wenn ich auf TextField klicke, wird die schwebende Aktionsschaltfläche hinter der Tastatur ausgeblendet ⇐ Android

[Guest]

Code: Select all

@Composable
fun AddNoteUi(viewModel: AddNotesViewModel = koinViewModel()) {

val state by viewModel.state.collectAsState()

Scaffold(
modifier = Modifier.fillMaxSize(),
containerColor = colorResource(R.color.black),
contentColor = colorResource(R.color.white),

floatingActionButton = {
FloatingActionButton(
shape = CircleShape,
modifier = Modifier.padding(5.dp),
onClick = {
navController.popBackStack()
},

contentColor = colorResource(R.color.white),
containerColor = colorResource(R.color.purple_700)
) {
Icon(
imageVector = Icons.Rounded.Save,
contentDescription = "Save"
)
}
},
) { innerPadding ->

Column (
modifier = Modifier
.fillMaxSize().padding(innerPadding)
) {

CustomTextField(
value = state.note.title,
hint = "Title",
onValueChange = {
viewModel.setTitle(it)
},
modifier = Modifier
.fillMaxWidth()
.padding(bottom = 8.dp) // Add spacing between TextFields
)

CustomTextField(
value = state.note.message,
hint = "Description",
onValueChange = {
viewModel.setMessage(it)
},
modifier = Modifier.weight(1f)
.fillMaxWidth()
)
}
}

}

Ich habe versucht, imePadding in der Spalte zu verwenden, aber der FloatingActionButton versteckt sich immer noch hinter der Tastatur. Wenn ich auf eines der CustomTextField klicke, sollte sich der FloatingActionButton über dem Tastaturlayout bewegen. Wenn eines von CustomTextField nicht fokussiert ist, sollte der FloatingActionButton an seine vorherige Position gelangen.