Lag when soft keyboard is opened / closed in a chat

[kidfromjupiter]

Bug Description

In ChatView, ( essentially in a room ), when soft keyboard opened/ closed, there is an enormous lag spike when all the widgets are being rebuilt. Adding resizeToAvoidBottomInset: false to the parent Scaffold fixes this but inputfield is now covered by keyboard, not to mention the bottom half of the chat.
Tested on Android, Tab s9+ and A55. The faster tab gives better framerates but still noticeable stutter.

This is a pretty well documented issue in flutter I think but as a chat application that requires constant opening and closing of keyboard this kind of takes away from the UX imo.

Steps to Reproduce

1. Go to any chat
2. Touch input field and let keyboard Open

Expected Behavior

No stutter, keyboard opens fluidly

App Version

Self compiled from commit 6f18f716 with flutter 3.27.1. Also present in release 1.23.0

Additional Platform Information

Android, A55, Tab s9+

Additional Context

I only recently started learning flutter but is there a way to move the whole screen "up" without rebuilding? Another possible workaround would be to add an element which matches the height of the keyboard exactly which would move the chats upward, then somehow "detaching" the input field and moving it above the keyboard as well.

[kidfromjupiter]

Is there a way to avoid all these expensive message widget rebuilds. As you can see below, there is a potential of 35ms saving off of a 175ms frame ( in debug mode so actual absolute savings will be less but still a 20% reduction in frame time ). The average kb opening and closing frametime is around 18 - 27ms on my mid tier device ( samsung A55 ) so at the worst, it'll only increase frame times by 3-5 ms.

Another thing to note is that even while, the previous screen is not visible, it seems to be still completely rebuilt. This seems to be the biggest culprit of UI jank since it takes around 60ms of a 175ms render. So around 34%