One of the most painful UX issues to get right (for me at least, maybe it's just because I'm bad at building mobile apps!) is making sure my layout reacts to whether the keyboard is visible or not. In React Native we have the KeyboardAvoidingView (which works, kind of, if you poke it just right). Is there anything similar for Compose yet? If not, has anyone found a good solution for building a layout which resizes based on whether the keyboard is visible or not? My use-case is basically a chat-style interface: I'm trying to build a chat history (inside a

VerticalScroller

) which takes up most of the screen, with a

Column

wrapping the

VerticalScroller

and a

TextField

element below it, but have the whole thing take up the entire view port that isn't covered by the keyboard (e.g. if the keyboard is hidden, it'll take up the whole height - if the keyboard is shown, it'll reduce in height to take up all the available height except what the keyboard is covering).

Not compose-specific, but could you just have the activity resize when the soft input is shown using

android:windowSoftInputMode="adjustResize"

? See https://developer.android.com/training/keyboard-input/visibility#Respond

@cb and I have been playing with some inset API shapes that end up looking something like

Modifier.insetsPadding(bottom = true)

and similar, which you can apply to whatever content you'd like. It works really well in my experience with it so far.

Here's my WIP code: https://github.com/chrisbanes/tivi/pull/639

It would be cool to have a

VerticalScroller

-like composable that works with the new IME controller APIs in android 11. I think it would be pretty straightforward to build

Thanks for the suggestions - I've gone with the adjustResize suggestion. It's not quite perfect but I'll tinker further once I get to the polishing stage 🙂