Flutter & iPhone Duo
Ihre Flutter-App kennt die Falte noch nicht.
Auf dem iPhone Duo wächst Ihre Flutter-App beim Aufklappen mit. Wo der Knick liegt und ob die Leisten an die Seite gehören, weiß sie auf iOS aber noch nicht. Diese Lücke schließe ich.
Kostenlos, 30 Minuten, per Video-Call.
Stand Oktober 2026. Zuletzt aktualisiert am 23.10.2026.
Teilweise. Flutter-Apps laufen auf dem iPhone Duo und passen sich an die Fenstergröße an, sobald sie mit Xcode 27.1 gebaut sind. Die Falte und den Kamerabereich meldet Flutter auf iOS aber nicht. MediaQuery.displayFeatures ist laut Flutter-Dokumentation nur auf Android befüllt.
Für alles, was die Falte betrifft, braucht Ihre App deshalb nativen Code über einen Platform Channel oder ein Paket.
Flutter rechnet jedes Layout aus dem Platz, den es gerade bekommt. Entscheidet Ihr Layout schon mit LayoutBuilder oder MediaQuery.sizeOf nach der Breite, wechselt es beim Aufklappen von selbst in die breite Ansicht. Eine vorhandene Tablet-Ansicht greift dann auch auf dem iPhone.
Achten Sie darauf, dass Ihre App die Abstände zum Rand für jede Seite einzeln liest. Auf dem iPhone Duo können sich die Ränder links und rechts unterscheiden.
Größe gemerkt statt neu gelesen. Wer die Bildschirmgröße einmal in initState liest und speichert, zeichnet nach dem Aufklappen mit alten Werten. Apple weist ausdrücklich darauf hin, dass sich die Größe mitten in der Nutzung ändert.
Layout nach Ausrichtung. OrientationBuilder sagt auf dem iPhone Duo wenig darüber, wie viel Platz Ihre App hat. Entscheiden Sie nach Breite und Höhe.
Layout nach Gerätetyp. Abfragen wie „ist das ein Tablet?“ führen hier in die falsche Richtung. Aufgeklappt bekommt ein iPhone so viel Platz wie ein kleines Tablet.
Feste Ausrichtung. Apple nennt fest eingestellte Ausrichtungen als einen Grund für gestreckte oder abgeschnittene Layouts.
Bilder mit BoxFit.cover. Auf dem breiten Innendisplay schneidet cover oben und unten mehr ab. Bei Produktfotos und Rezeptbildern sehen Ihre Nutzer das sofort.
Die Falte. MediaQuery.displayFeatures bleibt auf dem iPhone leer, egal wie weit das Gerät gefaltet ist. Im Flutter-Projekt gibt es dazu den offenen Vorschlag #192515 und einen ersten Pull Request. Einen Termin gibt es nicht.
Die Leisten an der Seite. Apple schiebt Tab-Leisten und Toolbars in manchen Haltungen an die Seite, aber nur bei Apples eigenen Leisten. Flutter zeichnet seine Leisten selbst. Soll Ihre App diese Anordnung haben, bauen Sie sie in Flutter nach.
Zwei Bereiche um die Falte. Für Apples ArrangementView, die Bereiche um die Falte herum anordnet, gibt es in Flutter nach meinem Stand keine fertige Entsprechung.
Bis Flutter nachzieht, gibt es auf pub.dev das Community-Paket foldable. Es soll Haltung und Lage der Falte über einen Platform Channel liefern. Bevor ich ein solches Paket in Ihre App hole, prüfe ich, wer es pflegt. Manchmal ist ein eigener, schmaler Platform Channel die ruhigere Lösung.
Sobald Flutter die Falte auf iOS meldet, greift Logik, die für faltbare Android-Geräte gebaut wurde. Ein Entwickler hat im Flutter-Projekt gemessen, was dann passiert: Dialoge, Bottom Sheets und Datumsauswahl rücken auf dem Innendisplay in eine Hälfte.
Testen Sie deshalb nach jedem Flutter-Update, das die Falte betrifft, Ihre Dialoge auf dem iPhone Duo. In meiner App-Wartung gehört dieser Test dazu.
Erst prüfen. Ich gehe Ihre App im iPhone-Duo-Simulator von Xcode durch, in jeder Haltung und in Split View.
Dann das Upgrade. Je nachdem, welche Flutter-Version Ihre App heute nutzt, gehört zur Anpassung meist ein Upgrade von Flutter und allen Packages dazu. Die volle Unterstützung für das iPhone Duo gibt es erst mit dem iOS 27.1 SDK, und dafür braucht Ihre App das aktuelle Xcode. Bei älteren Apps ist das oft der größere Teil der Arbeit.
Danach die Ursachen beheben. Ich stelle Layout-Entscheidungen auf die verfügbare Breite um und entferne gemerkte Größen und Abfragen nach Gerätetyp.
Anschließend die Falte. Nur wo Ihre App Inhalte über die Falte legt, ergänze ich nativen Code oder ein geprüftes Paket.
Zum Schluss der Release. Mit Screenshots vom iPhone Duo bekommt Ihre App im App Store das Badge „Made for iPhone Duo“.
Wie ich Versionssprünge in Flutter allgemein plane, steht beim Flutter Upgrade Service. Was die Anpassung für Ihr Produkt bedeutet, lesen Sie auf der Seite App für iPhone Duo optimieren lassen.
Im Erstgespräch schauen wir auf Ihre Flutter-Version, Ihre Layouts und die Stellen, an denen die Falte zählt. Für den Duo-Check brauche ich danach Zugriff auf Ihr Repository.
Kostenlos und unverbindlich. Antwort innerhalb von 24 Stunden.
Häufige Fragen zu Flutter und dem iPhone Duo
Nein. Meist geht es um einzelne Layouts, die Leisten und etwas nativen Code für die Falte. Ihre Geschäftslogik und Ihr Backend bleiben unberührt.
Eine, die mit dem aktuellen Xcode und dem iOS 27.1 SDK sauber baut. Je nachdem, wie alt Ihre App ist, gehört deshalb meist ein Upgrade von Flutter und allen Packages zur Anpassung dazu. Wie ich das angehe, steht beim Flutter Upgrade Service.
Technisch ja. Es ist aber kein offizielles Paket des Flutter-Teams. Ich prüfe vorher, wie aktiv es gepflegt wird, und baue den Zugriff so, dass Sie es später leicht ersetzen können.
Dann kann eigener Code wegfallen, und Ihre Dialoge verhalten sich anders als heute. Deshalb gehört das iPhone Duo bei mir in die laufende Wartung.
Übersicht: Flutter App-Entwicklung
Alle Seiten zu Flutter, Dart und Business-Apps.
App für iPhone Duo optimieren lassen
Ablauf, Duo-Check und Angebot.
iPhone Duo Checkliste
Zehn Punkte, die Sie selbst prüfen können.
Flutter vs. Native im Unternehmenskontext
Wann Flutter wirtschaftlich die bessere Wahl ist.
Das Erstgespräch ist kostenlos und unverbindlich. Wir klären Ziele, Rahmenbedingungen und konkrete nächste Schritte – und zeigen Ihnen in 30 Minuten, wie wir Ihre Roadmap beschleunigen können.
Erstgespräch ohne Verpflichtungen
Persönlich oder per Video-Call
Diskrete Behandlung Ihrer Anfrage
Kontakt