Auto scrolling muli-line textfield in compose

Issue

I've a multi-line text field as below

val scrollState = rememberScrollState(0)

TextField(
    modifier = Modifier
        .fillMaxWidth()
        .height(75.dp)
        .verticalScroll(scrollState),
    value = caption,
    onValueChange = { onCaptionChanged(it) }
)

Currently, it support manual scrolling but i want it to scroll down automatically when user enter new line (\n). How do i achieve that?

Solution

You can scroll using scrollState.scrollTo. To track content height change, you can check scrollState.maxValue, for example like this:

LaunchedEffect(scrollState.maxValue) {
    scrollState.scrollTo(scrollState.maxValue)
    // or 
    // scrollState.animateScrollTo(scrollState.maxValue)
}

Answered By - Philip Dukhov