A workaround to make TextField scroll inside a scrolling parent so it doesn't go behind the ime. https://issuetracker.google.com/issues/192043120

TextFieldInScrollableParent.kt

@Composable
private fun ScrollingTextField(
    text: String,
    onValueChange: (String) -> Unit,
    scrollState: ScrollState,
) {

    val interactionSource = remember { MutableInteractionSource() }
    val interactionSourceState = interactionSource.collectIsFocusedAsState()
    val coroutineScope = rememberCoroutineScope()
    val ime = LocalWindowInsets.current.ime
    val textSize = remember { mutableStateOf(IntSize.Zero) }
    val previousScrollState = remember { mutableStateOf(scrollState.value) }

    TextField(
        value = text,
        onValueChange = onValueChange,
        backgroundColor = Theme.colors.surface,
        keyboardOptions = KeyboardOptions(capitalization = KeyboardCapitalization.Sentences),
        interactionSource = interactionSource,
        modifier = Modifier
            .onGloballyPositioned { textSize.value = it.size }
            .fillMaxWidth()
    )

    LaunchedEffect(ime.isVisible, interactionSourceState.value) {
        if (interactionSourceState.value) {
            coroutineScope.launch {
                if (ime.isVisible) {
                    previousScrollState.value = scrollState.value
                    delay(DELAY_BEFORE_SCROLL_ANIMATION_MS)
                    scrollState.animateScrollTo(ime.bottom + textSize.value.height)
                } else {
                    delay(DELAY_BEFORE_SCROLL_ANIMATION_MS)
                    scrollState.animateScrollTo(previousScrollState.value)
                }
            }
        }
    }
}