Per gli sviluppatori React Native

App Store e Play Store, un unico design.

TL;DR. Le app React Native vengono pubblicate su entrambi gli store. Screenshotify esporta entrambe le matrici di dimensioni richieste da un unico design. Nessun doppio flusso di lavoro in due strumenti di design diversi.

Le app React Native vivono per impostazione predefinita in due ecosistemi di store. La storia degli screenshot di solito prevede test UI guidati da Detox per catture grezze dal simulatore, oppure un design manuale in Figma con un preset iPhone e un preset Android aperti uno accanto all'altro. Screenshotify è per il momento in cui vuoi screenshot di marketing progettati — non catture grezze — e li vuoi per entrambi gli store in una volta sola.

Una tipica giornata screenshot con RN

Cattura i frame sorgente dall'app in esecuzione — Cmd+S del simulatore iOS, il tasto screenshot dell'emulatore Android, o screenshot del dispositivo reale tramite il collegamento WebRTC integrato.
Apri Screenshotify, costruisci il carosello di 3-5 pannelli. Ogni pannello può usare una cornice del dispositivo diversa, così puoi fare un carosello che mescola visivamente iPhone e Pixel.
Aggiungi didascalie nella lingua sorgente. Il compositore multi-pannello mantiene la struttura del titolo coerente tra i pannelli.
Localizza. Traduci in un clic in tutte le 39 lingue dell'App Store. Rivedi le lingue dove si trovano i tuoi mercati attivi (tipicamente EN, JP, DE, BR, KR, ES per le app RN globali).
Esporta. Un ZIP con le dimensioni App Store che hai abilitato (6.9", iPad 13", ecc.) e la dimensione Play Store (1080 × 1920 predefinita).

Alternative nell'ecosistema RN

Detox o react-native-testing-library con helper per screenshot ti daranno catture grezze dei frame dai test UI. Utile per gli screenshot sorgente; non sostituisce il passaggio di composizione di marketing. Fastlane snapshot funziona sul lato iOS di un'app RN (il progetto Xcode è Xcode vero).

La maggior parte dei team RN si assesta su: cattura i sorgenti tramite simulatore/dispositivo, progetta il carosello in Screenshotify, versiona il JSON del progetto nello stesso repo del codebase.

Consigli di design cross-platform

Scegli un sistema di design per progetto e applicalo sia agli screenshot iOS che Android — non cambiare font o schemi di colore tra gli store.
Le status bar sono diverse. iOS mostra 9:41 per convenzione; Android mostra l'ora reale. Screenshotify attiva o disattiva la status bar iOS per dispositivo; Android lascia la status bar del sistema operativo nello screenshot in modo nativo.
Navigazione in basso vs tab bar. Non tagliarle via — sono la parte della tua app che gli utenti notano di più nella miniatura del carosello.
Il 5.5" iPhone è superato. A meno che la tua app RN non supporti iOS 13 (iPhone 6s Plus come minimo), salta completamente la dimensione 5.5".

Impara: Funzionalità · Guide · Prezzi

Apri l'editor →