Eén project, beide stores.
Flutter's kracht is "één codebase, twee stores". De meeste screenshot-generators delen die filosofie niet — je bouwt het ontwerp twee keer op, eenmaal voor iPhone-beeldverhoudingen en eenmaal voor Android. Mokbi is gebouwd rondom de multi-platform-realiteit: kies de apparaten die je target, ontwerp eenmalig met de multi-paneel composer, en exporteer een ZIP geordend op platform → apparaat → locale.
Flutter screenshot-workflow
- Draai je app op een echt apparaat of simulator. Leg de panelen vast die je wil: een hero-shot, de belangrijkste functie, de overtuigende use case.
flutter screenshotwerkt via de commandoregel. - Open Mokbi. Sleep de PNG-screenshots erin. De auto-fit-functie past de beeldverhouding van je afbeelding aan op het gekozen device frame, zodat er geen letterbox ontstaat.
- Bouw de carrousel. 3–5 panelen met bijschriften; doorlopende lagen (gradientbalken e.d.) werken over meerdere panelen heen.
- Kies apparaten voor beide stores. iPhone 16 Pro Max (App Store 6.9") en Galaxy S25 Ultra (Play Store). Voeg iPad 13" en Galaxy Tab S9 Ultra toe voor tablets.
- Vertaal naar alle relevante locales — Flutter-apps zijn doorgaans gericht op alle 50 App Store- en wereldwijde Play-markten.
- Exporteer of publiceer. Download één ZIP (6.9"/, iPad 13"/, Galaxy/, elk met per-locale submappen), of publiceer de hele listing rechtstreeks naar beide stores.
Alternatieven in het Flutter-ecosysteem
Het screenshot-pakket op pub.dev legt ruwe widget-screenshots vast vanuit je draaiende app. Handig om bronframes te capturen, maar voegt geen marketinglagen toe. Dezelfde afweging als Fastlane snapshot aan de iOS-kant: echte app-opnames versus een ontworpen marketing-carrousel.
De combinatie waar de meeste Flutter-teams op uitkomen: flutter screenshot of het screenshot-pakket voor het vastleggen van panelen vanuit de echte app, dan Mokbi voor de marketingcompositie en gelokaliseerde exports.
iOS- en Android-ontwerpconventies verwerken
Dezelfde app-screenshot ziet er anders uit in een iPhone-frame dan in een Pixel-frame, vanwege randbreedte, notch-geometrie en Android-navigatiebalkconventies. Mokbi rendert beide correct; je kunt statusbalken in- en uitschakelen op iOS (9:41-conventie) en kantelthoeken per apparaatklasse instellen om de carrousel consistent te houden over beide stores.