Dla deweloperów React Native

App Store i Play Store, jeden projekt.

TL;DR. Aplikacje React Native trafiają do obu sklepów. Screenshotify eksportuje obie wymagane macierze rozmiarów z jednego projektu. Bez dwóch równoległych przepływów pracy w dwóch narzędziach do projektowania.

Aplikacje React Native z założenia działają w dwóch ekosystemach sklepowych. Historia ze zrzutami ekranu zwykle obejmuje albo testy UI sterowane przez Detox do surowych przechwytów symulatora, albo ręczne projektowanie w Figma z otwartym jednocześnie presetem iPhone i presetem Android. Screenshotify jest dla momentu, gdy chcesz zaprojektowanych marketingowych zrzutów ekranu — nie surowych przechwytów — i chcesz je dla obu sklepów naraz.

Typowy dzień zrzutów ekranu RN

Pobierz klatki źródłowe z działającej aplikacji — Cmd+S symulatora iOS, przycisk zrzutu emulatora Android lub zrzuty ekranu prawdziwego urządzenia przez wbudowane parowanie WebRTC.
Otwórz Screenshotify, zbuduj karuzelę 3–5 paneli. Każdy panel może używać innej ramki urządzenia, więc możesz stworzyć jedną karuzelę, która wizualnie miesza iPhone z Pixel.
Dodaj podpisy w języku źródłowym. Kompozytor wielopanelowy utrzymuje spójną strukturę nagłówka na przestrzeni paneli.
Zlokalizuj. Tłumaczenie jednym kliknięciem na wszystkie 39 języków App Store. Przejrzyj języki, w których mieszczą się twoje aktywne rynki (zazwyczaj EN, JP, DE, BR, KR, ES dla globalnych aplikacji RN).
Eksportuj. Jeden ZIP z włączonymi rozmiarami App Store (6.9", iPad 13", itp.) i rozmiarem Play Store (domyślnie 1080 × 1920).

Alternatywy w ekosystemie RN

Detox lub react-native-testing-library z pomocnikami do zrzutów ekranu dadzą surowe przechwycenia klatek z testów UI. Przydatne do zrzutów źródłowych; nie zastępuje kroku kompozycji marketingowej. Fastlane snapshot działa po stronie iOS aplikacji RN (projekt Xcode jest prawdziwym Xcode).

Większość zespołów RN decyduje się na: przechwytywanie źródeł przez symulator/urządzenie, projektowanie karuzeli w Screenshotify, wersjonowanie JSON projektu w tym samym repozytorium co baza kodu.

Wskazówki projektowe dla wielu platform

Wybierz jeden system projektowania na projekt i zastosuj go zarówno do zrzutów ekranu iOS, jak i Android — nie zmieniaj czcionek ani schematów kolorów między sklepami.
Paski stanu są różne. iOS pokazuje 9:41 zgodnie z konwencją; Android pokazuje rzeczywisty czas. Screenshotify przełącza pasek stanu iOS per urządzenie; Android zachowuje natywny pasek stanu OS na zrzucie ekranu.
Dolna nawigacja vs pasek kart. Nie przycinaj tych elementów — to właśnie ta część aplikacji jest najbardziej zauważana przez użytkowników w miniaturze karuzeli.
iPhone 5.5" to przeszłość. Jeśli twoja aplikacja RN nie celuje w iOS 13 (minimum iPhone 6s Plus), całkowicie pomiń rozmiar 5.5".

Nauka: Funkcje · Przewodniki · Cennik

Otwórz edytor →