App Store en Play Store, één ontwerp.
React Native-apps leven standaard in twee store-ecosystemen. Het screenshot-verhaal draait meestal om Detox-gestuurde UI-tests voor ruwe simulator-opnames, of handmatig ontwerpen in Figma met een iPhone-preset en een Android-preset naast elkaar open. Screenshotify is voor het moment dat je ontworpen marketingscreenshots wil — geen ruwe opnames — en je ze direct voor beide stores tegelijk wil hebben.
Een typische RN screenshot-dag
- Leg bronframes vast vanuit de draaiende app — iOS Simulator's Cmd+S, de screenshot-knop van Android Emulator, of echte apparaatscreenshots via de ingebouwde WebRTC-koppeling.
- Open Screenshotify en bouw de carrousel met 3–5 panelen. Elk paneel kan een ander device frame gebruiken, zodat je in één carrousel visueel iPhone en Pixel kunt afwisselen.
- Voeg bijschriften toe in de brontaal. De multi-paneel composer houdt de kopregel-structuur consistent over alle panelen.
- Lokaliseer. Vertaal met één klik naar alle 39 App Store-locales. Controleer de locales waar je actieve markten zitten (doorgaans EN, JP, DE, BR, KR, ES voor wereldwijde RN-apps).
- Exporteer. Één ZIP met de App Store-formaten die je hebt ingeschakeld (6.9", iPad 13", enzovoort) en het Play Store-formaat (standaard 1080 × 1920).
Alternatieven in het RN-ecosysteem
Detox of react-native-testing-library met screenshot-helpers geeft je ruwe frame-opnames vanuit UI-tests. Nuttig voor de bronscreenshots, maar vervangt de stap voor marketingcompositie niet. Fastlane snapshot werkt aan de iOS-kant van een RN-app (het Xcode-project is echte Xcode).
De meeste RN-teams komen uit op: bronnen vastleggen via de simulator of een echt apparaat, de carrousel ontwerpen in Screenshotify, en de project-JSON in dezelfde repo versiebeheren als de codebase.
Cross-platform ontwerptips
- Kies één ontwerpsysteem per project en pas het toe op zowel iOS- als Android-screenshots — wissel niet van lettertype of kleurschema tussen de stores.
- Statusbalken verschillen. iOS toont 9:41 per conventie; Android toont de werkelijke tijd. Screenshotify schakelt de iOS-statusbalk per apparaat in of uit; Android laat de OS-statusbalk standaard in de screenshot staan.
- Onderste navigatie vs. tabbalk. Snijd deze niet weg — dat is het deel van je app dat gebruikers het meest opvalt in de carrouselminiatuur.
- De 5.5"-iPhone is dood. Tenzij je RN-app iOS 13 ondersteunt (iPhone 6s Plus als minimum), sla het 5.5"-formaat dan volledig over.