Bottom overflow when toggling between keyboard and emoji keyboard

[mohamedzakaria974]

when mobile keyboard is visible and opening emoji picker bottom is overflowed for a second

[zhujian1989]

/flutter ( 4229): ══╡ EXCEPTION CAUGHT BY RENDERING LIBRARY ╞═════════════════════════════════════════════════════════ I/flutter ( 4229): The following assertion was thrown during layout: I/flutter ( 4229): A RenderFlex overflowed by 13 pixels on the bottom. I/flutter ( 4229): I/flutter ( 4229): The relevant error-causing widget was: I/flutter ( 4229): Column file:///Users/zhujian/code/otalk-flutter/lib/business/im/ui/chat_page.dart:204:11 I/flutter ( 4229): I/flutter ( 4229): The overflowing RenderFlex has an orientation of Axis.vertical. I/flutter ( 4229): The edge of the RenderFlex that is overflowing has been marked in the rendering with a yellow and I/flutter ( 4229): black striped pattern. This is usually caused by the contents being too big for the RenderFlex. I/flutter ( 4229): Consider applying a flex factor (e.g. using an Expanded widget) to force the children of the I/flutter ( 4229): RenderFlex to fit within the available space instead of being sized to their natural size. I/flutter ( 4229): This is considered an error condition because it indicates that there is content that cannot be I/flutter ( 4229): seen. If the content is legitimately bigger than the available space, consider clipping it with a I/flutter ( 4229): ClipRect widget before putting it in the flex, or using a scrollable container rather than a Flex, I/flutter ( 4229): like a ListView. I/flutter ( 4229): The specific RenderFlex in question is: RenderFlex#72bc3 relayoutBoundary=up3 OVERFLOWING: I/flutter ( 4229): needs compositing I/flutter ( 4229): creator: Column ← Stack ← MediaQuery ← Padding ← SafeArea ← _BodyBuilder ← MediaQuery ← I/flutter ( 4229): LayoutId-[<_ScaffoldSlot.body>] ← CustomMultiChildLayout ← AnimatedBuilder ← DefaultTextStyle ← I/flutter ( 4229): AnimatedDefaultTextStyle ← ⋯ I/flutter ( 4229): parentData: not positioned; offset=Offset(0.0, 0.0) (can use size) I/flutter ( 4229): constraints: BoxConstraints(0.0<=w<=411.4, 0.0<=h<=297.7) I/flutter ( 4229): size: Size(411.4, 297.7) I/flutter ( 4229): direction: vertical I/flutter ( 4229): mainAxisAlignment: start I/flutter ( 4229): mainAxisSize: max I/flutter ( 4229): crossAxisAlignment: center I/flutter ( 4229): verticalDirection: down I/flutter ( 4229): ◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤

[elgansayer]

same :(

[elgansayer]

This is fixed by changing the Row of buttons to a listView. Easy PR.

[justinekatebe]

I'm experiencing the same issue. What buttons do you mean?

This is fixed by changing the Row of buttons to a listView. Easy PR.

I'm experiencing the same issue. What buttons do you mean?