-
Notifications
You must be signed in to change notification settings - Fork 27.3k
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
Text anti-aliasing broken in Flutter 3.3.0 #110738
Comments
I've been having some similar problems, but on iOS. Been trying to narrow it down enough to submit a bug report. Earlier I had one where there were a bunch of TextButtons embedded into a GridView. Replacing the TextButton with a GestureDetector + Padding solved the problem in that case. But I'm not confident that I have figured out the root cause, and I have seen reports of similar problems in other parts of my app that involve neither TextButtons nor GridViews. One thing I noticed in the GridView case is that it seemed to initially render ok for the parts that were on-screen, but as soon as I scrolled, the stuff that was off-screen looked jaggedy, and scrolling back up, the part that was originally on-screen looked jaggedy too. Also for some reason in this specific case, it seemed like only one column of items in the GridView was affected. (I know this all seems random, and that's why I didn't file an Issue of my own until I isolated the problem more. But I wanted to throw it out there in case it helps.) |
I have also found the same with AlertDialogs. The dialog itself, title and content all had the same issue. This was on Android - I'm not able to test on iOS currently. I'm going to see if I can reproduce this at all in a very basic app to provide some code. For anyone else with the same - in one case switching to a SimpleDialog and adding a row with the actions I wanted below worked for the content. May help but ultimately did not 100% for me. Edit: Thanks to the comment from nimr77 below I have solved this for all by setting the AlertDialog to scrollable |
@jonahwilliams Could this issue be related to fractional support? #107733 (comment) |
This comment was marked as off-topic.
This comment was marked as off-topic.
I can't really reproduce this issue on my Windows machine (1080p, 15" screen) or my Macbook Air M1 or any emulators I am trying to run. Labelling for further insights from the team. |
Just to be clear, this is labeled platform-android, but I am seeing this (and my screenshot above is) on iOS. Similar to @elliotrtd, I have also had testers show me screenshots of the problem in AlertDialogs (again, on iOS). For now we are rolling back to 3.0.5 but I will continue watching this Issue for updates… |
It's on the web and desktop too, in my case I had to wrap the column that has the |
This code below reproduces it for me. It renders correctly initially, but if you scroll down to push the text up and under the app bar, when you let go, part of it comes back pixelated (on my simulator iPhone 13 Mini, it's the 3rd item only). If I change the padding amount in the The larger text size is not required, but does make it easier to see the issue.
|
@nimr77 That's helped with the AlertDialog issue too! If I set the AlertDialog to scrollable: true then the issue is not visible. Thanks! |
[Flutter 3.3.0] Reproduce a specific device and complex Widget Tree Device parameters: Looks like
If run with "--enable-software-rendering", everything is solved. But this is not acceptable. Unable to reproduce on iPhone 12 and some other Android devices |
I believe it's caused by pixel snapping being removed. I have used this change in local engine to fix, but I guess it's not appropriate to merge? flutter/engine#35538 |
Happens in my app using AlertDialogs only on iOS, does not happen in 3.0.5 |
Try to change the filter quality to medium or low, mostly it's the case on png or SVG |
Can anyone do |
@jpnurmi Is this coming as a hotfix? |
Yes, here are the cherry-picks: |
Closing this based on #110738 (comment). |
This thread has been automatically locked since there has not been any recent activity after it was closed. If you are still experiencing a similar issue, please open a new bug, including the output of |
Text or Container border looks jagged on Android, normal on Apple.
Not all pages will be jagged, such as the following code, the comment
Divider
can be displayed normally.Or modify the height of
_Statistics
to display normally. On my device height 10 or 86 reproduces the problem.On my device this problem only occurs with scrollable components.
Code
Flutter doctor
Device
Brand: Xiaomi Civi
Screen size: 6.5 inch
Resolution: 2400 * 1080
The text was updated successfully, but these errors were encountered: