Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

RenderFlex overflowed by 232 pixels on the bottom. #68

Closed
remoteportal opened this issue Apr 22, 2021 · 9 comments
Closed

RenderFlex overflowed by 232 pixels on the bottom. #68

remoteportal opened this issue Apr 22, 2021 · 9 comments
Assignees
Labels
bug Something isn't working Hacktoberfest

Comments

@remoteportal
Copy link

remoteportal commented Apr 22, 2021

Describe the bug
Capture from onError A RenderFlex overflowed by 232 pixels on the bottom. Android phone.

Version of the library
^1.2.1

To Reproduce
Steps to reproduce the behavior:

  1. trigger the feedback UI
  2. tap above the feedback line to bring focus to the text input area which raises the keyboard on Android
  3. See error

Expected behavior
No errors should be reported

Screenshots
Nothing is wrong with the screen rendering--I don't see any evidence of overflowing--all okay. Not sure why Flutter is complaining.

**Logs **

I/flutter (28317): show feedback UI
W/IInputConnectionWrapper(28317): beginBatchEdit on inactive InputConnection
W/IInputConnectionWrapper(28317): getTextBeforeCursor on inactive InputConnection
W/IInputConnectionWrapper(28317): getTextAfterCursor on inactive InputConnection
W/IInputConnectionWrapper(28317): getSelectedText on inactive InputConnection
W/IInputConnectionWrapper(28317): endBatchEdit on inactive InputConnection
W/IInputConnectionWrapper(28317): beginBatchEdit on inactive InputConnection
W/IInputConnectionWrapper(28317): getTextBeforeCursor on inactive InputConnection
W/IInputConnectionWrapper(28317): endBatchEdit on inactive InputConnection
I/flutter (28317): [debug] Capture from onError A RenderFlex overflowed by 232 pixels on the bottom.
I/flutter (28317): ══╡ EXCEPTION CAUGHT BY RENDERING LIBRARY ╞═════════════════════════════════════════════════════════
I/flutter (28317): The following assertion was thrown during layout:
I/flutter (28317): A RenderFlex overflowed by 232 pixels on the bottom.
I/flutter (28317): 
I/flutter (28317): The relevant error-causing widget was:
I/flutter (28317):   Column file:///E:/gitlab/rs/lib/main.dart:357:18
I/flutter (28317): 
I/flutter (28317): To inspect this widget in Flutter DevTools, visit:
I/flutter (28317): http://127.0.0.1:9100/#/inspector?uri=http%3A%2F%2F127.0.0.1%3A56539%2FyxRKFSLoEUA%3D%2F&inspectorRef=inspector-0
I/flutter (28317): 
I/flutter (28317): The overflowing RenderFlex has an orientation of Axis.vertical.
I/flutter (28317): The edge of the RenderFlex that is overflowing has been marked in the rendering with a yellow and
I/flutter (28317): black striped pattern. This is usually caused by the contents being too big for the RenderFlex.
I/flutter (28317): Consider applying a flex factor (e.g. using an Expanded widget) to force the children of the
I/flutter (28317): RenderFlex to fit within the available space instead of being sized to their natural size.
I/flutter (28317): This is considered an error condition because it indicates that there is content that cannot be
I/flutter (28317): seen. If the content is legitimately bigger than the available space, consider clipping it with a
I/flutter (28317): ClipRect widget before putting it in the flex, or using a scrollable container rather than a Flex,
I/flutter (28317): like a ListView.
I/flutter (28317): The specific RenderFlex in question is: RenderFlex#2643d relayoutBoundary=up2 OVERFLOWING:
I/flutter (28317):   needs compositing
I/flutter (28317):   creator: Column ← Center ← _BodyBuilder ← MediaQuery ← LayoutId-[<_ScaffoldSlot.body>] ←
I/flutter (28317):     CustomMultiChildLayout ← AnimatedBuilder ← DefaultTextStyle ← AnimatedDefaultTextStyle ←
D/Sentry  (28317): Captured Envelope is already cached
I/flutter (28317):     _InkFeatures-[GlobalKey#c7c1b ink renderer] ← NotificationListener<LayoutChangedNotification> ←
I/flutter (28317):     PhysicalModel ← ⋯
I/flutter (28317):   parentData: offset=Offset(0.0, 0.0) (can use size)
I/flutter (28317):   constraints: BoxConstraints(0.0<=w<=392.7, 0.0<=h<=554.5)
I/flutter (28317):   size: Size(392.7, 554.5)
I/flutter (28317):   direction: vertical
I/flutter (28317):   mainAxisAlignment: center
I/flutter (28317):   mainAxisSize: min
I/flutter (28317):   crossAxisAlignment: center
I/flutter (28317):   verticalDirection: down
I/flutter (28317): ◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤

Run flutter analyze and attach any output of that command below.

win 530 12:59 /e/gitlab/rs # flutter analyze
Analyzing rs...
No issues found! (ran in 25.2s)



[√] Flutter (Channel stable, 2.0.5, on Microsoft Windows [Version 6.1.7601], locale en-US)
    • Flutter version 2.0.5 at E:\src\flutter
    • Framework revision adc687823a (6 days ago), 2021-04-16 09:40:20 -0700
    • Engine revision b09f014e96
    • Dart version 2.12.3

[√] Android toolchain - develop for Android devices (Android SDK version 30.0.1)
    • Android SDK at C:\Users\pete\AppData\Local\Android\sdk
    • Platform android-30, build-tools 30.0.1
    • Java binary at: C:\Program Files\Android\Android Studio\jre\bin\java
    • Java version OpenJDK Runtime Environment (build 1.8.0_242-release-1644-b01)
    • All Android licenses accepted.

[√] Chrome - develop for the web
    • Chrome at C:\Program Files (x86)\Google\Chrome\Application\chrome.exe

[√] Android Studio (version 4.1.0)
    • Android Studio at C:\Program Files\Android\Android Studio
    • Flutter plugin can be installed from:
       https://plugins.jetbrains.com/plugin/9212-flutter
    • Dart plugin can be installed from:
       https://plugins.jetbrains.com/plugin/6351-dart
    • Java version OpenJDK Runtime Environment (build 1.8.0_242-release-1644-b01)

[√] Connected device (3 available)
    • Mi 9T (mobile) • 844fb80a • android-arm64  • Android 10 (API 29)
    • Chrome (web)   • chrome   • web-javascript • Google Chrome 90.0.4430.85
    • Edge (web)     • edge     • web-javascript • Microsoft Edge 88.0.705.56

• No issues found!

Additional context
THANK you for such as AMAZING package!!! I didn't even know it was technically possible.

@ueman
Copy link
Owner

ueman commented Apr 22, 2021

THANK you for such as AMAZING package!!! I didn't even know it was technically possible.

Thanks, I appreciate it.

I'll have to investigate that error.

@ueman ueman added the bug Something isn't working label Apr 22, 2021
@remoteportal
Copy link
Author

I think this package is supposed to aid overflows when the keyboard is raised?

https://pub.dev/packages/flutter_keyboard_visibility

@ueman
Copy link
Owner

ueman commented May 11, 2021

I think this package is supposed to aid overflows when the keyboard is raised?

https://pub.dev/packages/flutter_keyboard_visibility

Unfortunately that package is not cross platform, so it's not going to help. I also made some bad experience with that package.

@ueman
Copy link
Owner

ueman commented May 11, 2021

@remoteportal Are you sure it's a problem with this library?
These lines

I/flutter (28317): The specific RenderFlex in question is: RenderFlex#2643d relayoutBoundary=up2 OVERFLOWING:
I/flutter (28317): needs compositing
I/flutter (28317): creator: Column ← Center ← _BodyBuilder ← MediaQuery ← LayoutId-[<_ScaffoldSlot.body>] ←

suggests that the problem is the body of a Scaffold. Though this library does not use a Scaffold.

@remoteportal
Copy link
Author

I know it happens with my app, but I may indeed be the source of the problem. I figured since it happened when your code raised the keyboard that it was because of something in your code. I guess we'll both have to research it more!

@sidB67
Copy link

sidB67 commented Sep 30, 2021

Hi can you assign me this issue I would like to give this a try

@ueman
Copy link
Owner

ueman commented Sep 30, 2021

Sure, thanks. I appreciate it! There's a chance that it isn't a problem anymore. So if you can't reproduce it, please let me know, so I can close this issue.

@ueman ueman assigned ueman and sidB67 and unassigned ueman Sep 30, 2021
@sidB67
Copy link

sidB67 commented Sep 30, 2021

Hi i wasnt able to reproduce this error

@ueman
Copy link
Owner

ueman commented Sep 30, 2021

Nice, thanks for your effort.

@ueman ueman closed this as completed Sep 30, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working Hacktoberfest
Projects
None yet
Development

No branches or pull requests

3 participants