A RenderFlex overflowed
Closed this issue · 9 comments
Video:
Screen.Recording.2024-01-17.at.15.15.50.mov
My flutter doctor:
Doctor summary (to see all details, run flutter doctor -v):
[✓] Flutter (Channel stable, 3.16.5, on macOS 13.6.1 22G313 darwin-arm64, locale
en-VN)
[✓] Android toolchain - develop for Android devices (Android SDK version 34.0.0)
[✓] Xcode - develop for iOS and macOS (Xcode 15.0.1)
[✓] Chrome - develop for the web
[✓] Android Studio (version 2022.3)
[✓] IntelliJ IDEA Ultimate Edition (version 2023.1.4)
[✓] Connected device (2 available)
[✓] Network resources
• No issues found!
It happens because the widget is bigger than where you are trying to show it
You can try to create a PR to make the widget responsive
You can try to create a PR to add a parameter "forcePortrait" to add the option to block the widget from being presented in landscape mode.
OR
There are some options as this is being presented in landscape mode (not sure if any will work):
You can change the widget size based on the screen (or on creation).
You can try to wrap it around something scrollable.
on my pc it happens too. It seems that on web (and maybe on every other system) landscape mode is calculated based on the proportions of the navigator:
chrome_gd6hwNdUq6.mp4
edited last comment based on this
You can try to create a PR to add a parameter "forcePortrait" to add the option to block the widget from being presented in landscape mode.
Added in 2.5.0
A RenderFlex still overflowed although I used "forcePortrait". I think it will be better when adding scrollable instead of this bug.
I told you it would happen and thats why i didnt close the issue after implementing
@ThatPham2000 have you tried anything to fix this error?
Tried some options but none worked...
Wraping the content inside a Scrollview breaks the borders and causes a scroll that overlaps with the list.
Would have to create an option to block the list from scrolling also...
If you find something that work, please let me know.
Probably fixed in 2.10.0