Repository navigation
CJK font appears upward shifted for ListTile with subtitle #19063
Description
I am trying to replicate Android's setting screen in Flutter.
I reproduced the last 4 items. Here's how it looks like:
The problem is mainly on the Chinese part. It appears that CJK text appears shifted a little bit downward for single line items. But for items with title and subtitle, CJK text appears upward shifted.
This is also true for English text, albeit less apparent:
Note that I'm not asking for a pixel-perfect alignment (different icon may produce a different visual center). But the Chinese texts in the ListTile does look far too upward to me. And texts in title-only list tiles shifted the opposite direction makes it more disturbing.
Activity
cbracken commentedon Sep 10, 2018
/cc @jason-simmons @GaryQian for thoughts
zoechi commentedon Feb 14, 2019
@tamcy It's a while since this issue was created and a lot of things have changed.
Are you still seeing this with
masterchannel?tamcy commentedon Feb 15, 2019
Thanks for the news! So I have switched to the master channel (framework rev.
67cf21577f; engine rev.3757390fa4) and see how the latest ListTile looks like.Left/top: MaterialApp locale set to English, with English elements:
Right/bottom: MaterialApp locale still in English, with Chinese elements:
First of all, there seems to be a regression - the icon is no longer aligned to the middle of the container when subtitle isn't empty. The texts looks fine though - the spacing is now much closer to the native version.
(The only issue here is that when the
MaterialApplocale is set to English, the Chinese font shown isn't acknowledging the device's fallback chain, nor the order ofsupportedLocalesof theMaterialApp. Here the Simplified Chinese variant is used, although the device is set to Traditional Chinese. And this behavior seems not overridable by the developer. Anyway this is another issue.)Now the bad news. When
MaterialApplocale is set to Chinese (Traditional), the Chinese text in the ListTile looks like this:The situation seems worse, and measurement supports my observation.
Note that the problem isn't limited to ListTile:
GaryQian commentedon Mar 11, 2019
I can take a look at this, do you think you can provide a minimal (or full) test app that has the implementation necessary to reproduce this?
tamcy commentedon Mar 14, 2019
@GaryQian Sure, the test app can be found here. Thank you!
GaryQian commentedon Jul 8, 2019
Should be fixed by #35493
github-actions commentedon Aug 15, 2021
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
flutter doctor -vand a minimal reproduction of the issue.