letsintegreat / Tagify

1 stars 12 forks source link

Fix overflow in Login Screen #15

Open chandansgowda opened 1 year ago

chandansgowda commented 1 year ago

overflow

letsintegreat commented 1 year ago

@chandansgowda Hi, I am not able to reproduce the issue. Can you make sure your local files are up to date with the main branch, and check again?

chandansgowda commented 1 year ago

Hey @letsintegreat I checked it again and I found that its up to date. I am attaching an image with more information about the issue. Please check.

Screenshot 2022-12-06 at 2 37 45 PM
chandansgowda commented 1 year ago

Any update on this ? @letsintegreat

DevvvvvShah commented 1 year ago

This is the error I get at the latest version: ` ══╡ EXCEPTION CAUGHT BY RENDERING LIBRARY ╞═════════════════════════════════════════════════════════ The following assertion was thrown during layout: A RenderFlex overflowed by 29 pixels on the bottom.

The relevant error-causing widget was: Column Column:file:///C:/Users/DShah/Desktop/CodePeak/Tagify/lib/screens/login_screen.dart:146:20

To inspect this widget in Flutter DevTools, visit: http://127.0.0.1:9101/#/inspector?uri=http%3A%2F%2F127.0.0.1%3A54596%2FYI7R9zyawL8%3D&inspectorRef=inspector-0

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

letsintegreat commented 1 year ago

Alright, seems like we need to remove the hard coded SizedBox and find another way to place the button. Let me know who wants to work!

DevvvvvShah commented 1 year ago

Requesting to be assigned

DevvvvvShah commented 1 year ago

Unassigning myself; Couldn't find a solution that worked properly

laksh29 commented 11 months ago

Heyy @letsintegreat, is this issue still open? I'd like to solve it.