Repository navigation
[IOS] 5.4" inch screen support #62437
Description
Looks like Apple will be launching a 5.4" inch iPhone this year.
In iOS 14 Beta 3+. In Display & Brightness there is a Display Zoom menu where you can chose a zoomed in mode. Which scales up the screen (see attached images). It looks like flutter assumes its running on a iPhone 8 or lower.
App running Flutter 1.20.0.7.2-Pre:
Native Apple App:
[✓] Flutter (Channel stable, 1.20.2, on macOS 11.0 20A5354i, locale en-US)
• Flutter version 1.20.2 at /Users/elias/flutter
• Framework revision bbfbf1770c (12 days ago), 2020-08-13 08:33:09 -0700
• Engine revision 9d5b21729f
• Dart version 2.9.1
[✓] Android toolchain - develop for Android devices (Android SDK version 29.0.2)
• Android SDK at /Users/elias/Library/Android/sdk
• Platform android-29, build-tools 29.0.2
• Java binary at: /Applications/Android Studio.app/Contents/jre/jdk/Contents/Home/bin/java
• Java version OpenJDK Runtime Environment (build 1.8.0_242-release-1644-b3-6222593)
• All Android licenses accepted.
[✓] Xcode - develop for iOS and macOS (Xcode 11.6)
• Xcode at /Applications/Xcode.app/Contents/Developer
• Xcode 11.6, Build version 11E708
• CocoaPods version 1.9.1
[✓] Android Studio (version 4.0)
• Android Studio at /Applications/Android Studio.app/Contents
• Flutter plugin version 48.0.2
• Dart plugin version 193.7361
• Java version OpenJDK Runtime Environment (build 1.8.0_242-release-1644-b3-6222593)
[✓] VS Code (version 1.48.1)
• VS Code at /Applications/Visual Studio Code.app/Contents
• Flutter extension version 3.13.2
Activity
[-][IOS] 5.4" inch screen support.[/-][+][IOS] 5.4" inch screen support[/+]TahaTesser commentedon Jul 29, 2020
Hi @EliasDeuss
I can see that zoom option in iOS 13.6 too, not sure it's worth creating this issue before device is even is announced/released
Do you have any issues when flutter in zoomed mode or is this just feature request for 5.4in support?
if you've an issue with zoom, Can you please provide your
flutter doctor -vyourflutter run --verboseand a complete reproducible minimal code sampleThank you
edeuss commentedon Jul 29, 2020
@TahaTesser Well it’s just the flutter app doesn’t recognize that it’s zoomed in so it doesn’t use the top or bottom of the screen. So you have empty space (compared to apples default apps). You can try it with your own flutter app don’t need to give minimal code sample.
[-][IOS] 5.4" inch screen support[/-][+][IOS] Zoomed in mode/5.4" inch screen support[/+]TahaTesser commentedon Jul 29, 2020
Hi @EliasDeuss
I can there is difference when using zoom mode in Flutter
Left (normal) & right (zoomed)
Do you see different behaviour?
Can you please provide your
flutter doctor -vyourflutter run --verboseand a complete reproducible minimal code sampleThank you
TahaTesser commentedon Aug 25, 2020
Without additional information we are unfortunately not sure how to resolve this issue.
We are therefore reluctantly going to close this bug for now.
Please don't hesitate to comment on the bug if you have any more information for us; we will reopen it right away!
Thanks for your contribution.
edeuss commentedon Aug 25, 2020
@TahaTesser I did more research and it looks like it was added in iOS 14 Beta 3. So if you have your phone on zoomed mode in that beta or above it will behave like that.
5 remaining items
edeuss commentedon Aug 26, 2020
@jmagman I also just updated the screenshots to show light mode. You can see the issue a lot better with the black bars.
jmagman commentedon Aug 26, 2020
I tried the zoom on the gallery app on an iPad Pro and it looks pretty good. Flutter handles all kinds of screen sizes responsively (particularly on Android), so I wouldn't expect a 5.4" screen to cause any issues.
Standard:
(I don't know why the screenshot is cropped, but it looks good on the device.)
Zoomed:
Could you give us a sample app that reproduces this?
edeuss commentedon Aug 26, 2020
@jmagman Here is the flutter gallery app.
jmagman commentedon Sep 30, 2020
@EliasDeuss That looks pretty good to me. We can hold this open until someone can test with a real 5.4" device when it ships. I suspect it will scale fine based on all the other phone screen sizes Flutter supports.
[-][IOS] Zoomed in mode/5.4" inch screen support[/-][+][IOS] 5.4" inch screen support[/+]jmagman commentedon Oct 23, 2020
5.4" iPhone 12 mini simulator gallery looks good.
Closing. If you see bugs related to the new size, please file new issues and completely fill out the template.
vanlooverenkoen commentedon Nov 24, 2020
Is there a way to disable this? One of our clients wants this zoomed behaviour disabled for their app.
jmagman commentedon Nov 24, 2020
@vanlooverenkoen Please file a new issue and completely fill out the template so the frameworks team can take a look.
github-actions commentedon Aug 9, 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.