Bottom Overflowered

[elmangi]

Hi! I'm test your login screen and I've a problem when I tap Email Widget a error appears saying "Bottom Overflowered by 328 pixels". I'm using a Samsung S7 flat.

[KimLangholz]

I'll fix that sometime during Christmas :-) I don't believe it should be a "production" error, but it is definetely an error

[arroyoc]

I am seeing this as well on a Pixel 3 XL.

I/flutter (27592): The overflowing RenderFlex has an orientation of Axis.vertical.
I/flutter (27592): The edge of the RenderFlex that is overflowing has been marked in the rendering with a yellow and
I/flutter (27592): black striped pattern. This is usually caused by the contents being too big for the RenderFlex.
I/flutter (27592): Consider applying a flex factor (e.g. using an Expanded widget) to force the children of the
I/flutter (27592): RenderFlex to fit within the available space instead of being sized to their natural size.
I/flutter (27592): This is considered an error condition because it indicates that there is content that cannot be
I/flutter (27592): seen. If the content is legitimately bigger than the available space, consider clipping it with a
I/flutter (27592): ClipRect widget before putting it in the flex, or using a scrollable container rather than a Flex,
I/flutter (27592): like a ListView.
I/flutter (27592): The specific RenderFlex in question is: RenderFlex#34628 relayoutBoundary=up3 OVERFLOWING:
I/flutter (27592):   needs compositing
I/flutter (27592):   creator: Column ← LogInPage ← Padding ← DecoratedBox ← Container ← Builder ← _BodyBuilder ←
I/flutter (27592):     MediaQuery ← LayoutId-[<_ScaffoldSlot.body>] ← CustomMultiChildLayout ← AnimatedBuilder ←
I/flutter (27592):     DefaultTextStyle ← ⋯
I/flutter (27592):   parentData: offset=Offset(0.0, 40.0) (can use size)
I/flutter (27592):   constraints: BoxConstraints(0.0<=w<=392.7, 0.0<=h<=448.4)
I/flutter (27592):   size: Size(392.7, 448.4)
I/flutter (27592):   direction: vertical
I/flutter (27592):   mainAxisAlignment: start
I/flutter (27592):   mainAxisSize: max
I/flutter (27592):   crossAxisAlignment: center
I/flutter (27592):   verticalDirection: down
I/flutter (27592): ◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤
I/flutter (27592): ════════════════════════════════════════════════════════════════════════════════════════════════════

[AL-Markowicz]

how fix ?

[asierra01]

I have similar issue, the way I found a workaround was by encapsulating the main column on a SingleChildScrollView.....body : SingleChildScrollView(child : Column...)

[ajay963]

Use singleChildScrollView on top