App Store e Play Store, um único design.
Apps React Native vivem por padrão em dois ecossistemas de loja. A história das capturas de tela geralmente envolve testes de UI com Detox para capturas brutas do simulador, ou design manual no Figma com um preset de iPhone e um preset de Android abertos lado a lado. O Screenshotify é para o momento em que você quer capturas de tela de marketing projetadas — não capturas brutas — e quer para as duas lojas de uma vez.
Um dia típico de capturas de tela com RN
- Capture os frames-fonte do app em execução — Cmd+S no iOS Simulator, botão de captura do Android Emulator, ou capturas de tela do dispositivo real via o pareamento WebRTC do Screenshotify.
- Abra o Screenshotify, monte o carrossel de 3 a 5 painéis. Cada painel pode usar uma moldura de dispositivo diferente, então você pode criar um carrossel que mistura visualmente iPhone e Pixel.
- Adicione legendas no idioma de origem. O compositor multipainel mantém a estrutura de títulos consistente entre os painéis.
- Localize. Traduza com um clique para todos os 39 idiomas do App Store. Revise os idiomas onde estão seus mercados ativos (normalmente EN, JP, DE, BR, KR, ES para apps RN globais).
- Exporte. Um ZIP com os tamanhos do App Store habilitados (6.9", iPad 13" etc.) e o tamanho do Play Store (1080 × 1920 padrão).
Alternativas no ecossistema RN
Detox ou react-native-testing-library com helpers de captura de tela fornecem frames brutos a partir de testes de UI. Útil para as capturas-fonte; não substitui o passo de composição de marketing. Fastlane snapshot funciona no lado iOS de um app RN (o projeto Xcode é Xcode de verdade).
A maioria das equipes RN opta por: capturar fontes via simulador/dispositivo, criar o carrossel no Screenshotify e versionar o JSON do projeto no mesmo repositório que o código.
Dicas de design multiplataforma
- Escolha um sistema de design por projeto e aplique tanto nas capturas de tela iOS quanto nas Android — não mude fontes ou paleta de cores entre as lojas.
- As barras de status são diferentes. iOS mostra 9:41 por convenção; o Android mostra o horário real. O Screenshotify alterna a barra de status iOS por dispositivo; o Android mantém a barra de status do sistema operacional na captura nativa.
- Nav bar inferior vs tab bar. Não as corte — são a parte do seu app que os usuários mais notam na miniatura do carrossel.
- O iPhone de 5.5" está morto. A menos que seu app RN suporte iOS 13 (mínimo iPhone 6s Plus), pule o tamanho 5.5" por completo.