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?