App Store dan Play Store, satu desain.
Aplikasi React Native hidup di dua ekosistem toko secara default. Cerita tangkapan layar biasanya melibatkan uji UI berbasis Detox untuk penangkapan simulator mentah, atau desain manual di Figma dengan preset iPhone dan preset Android terbuka berdampingan. Screenshotify adalah untuk saat kamu menginginkan tangkapan layar marketing yang dirancang — bukan tangkapan mentah — dan kamu menginginkannya untuk kedua toko sekaligus.
Hari tangkapan layar RN yang tipikal
- Ambil frame sumber dari aplikasi yang berjalan — Cmd+S iOS Simulator, tombol tangkapan layar Android Emulator, atau tangkapan layar perangkat nyata melalui pasangan WebRTC yang kami bangun.
- Buka Screenshotify, bangun korsel 3–5 panel. Setiap panel bisa menggunakan bingkai perangkat yang berbeda, jadi kamu bisa membuat satu korsel yang secara visual mencampur iPhone dan Pixel.
- Tambahkan teks dalam bahasa sumber. Penyusun multi-panel menjaga struktur judul tetap konsisten di semua panel.
- Lokalisasi. Terjemahan satu klik ke semua 39 lokal App Store. Tinjau lokal di mana pasar aktifmu berada (biasanya EN, JP, DE, BR, KR, ES untuk aplikasi RN global).
- Ekspor. Satu ZIP dengan ukuran App Store yang kamu aktifkan (6.9", iPad 13", dll.) dan ukuran Play Store (default 1080 × 1920).
Alternatif dalam ekosistem RN
Detox atau react-native-testing-library dengan helper tangkapan layar akan memberimu penangkapan frame mentah dari uji UI. Berguna untuk tangkapan layar sumber; tidak menggantikan langkah komposisi marketing. Fastlane snapshot bekerja di sisi iOS dari aplikasi RN (proyek Xcode adalah Xcode nyata).
Kebanyakan tim RN memilih: ambil sumber melalui simulator/perangkat, desain korsel di Screenshotify, buat versi proyek JSON di repo yang sama dengan kode.
Tips desain lintas platform
- Pilih satu sistem desain per proyek dan terapkan ke tangkapan layar iOS maupun Android — jangan ganti font atau skema warna antar toko.
- Status bar berbeda. iOS menampilkan 9:41 secara konvensi; Android menampilkan waktu aktual. Screenshotify mengalihkan status bar iOS per perangkat; Android membiarkan status bar OS di tangkapan layar secara native.
- Bottom nav vs tab bar. Jangan memotong ini — itulah bagian aplikasimu yang paling banyak diperhatikan pengguna di thumbnail korsel.
- iPhone 5.5" sudah tidak relevan. Kecuali aplikasi RN-mu menargetkan iOS 13 (minimum iPhone 6s Plus), lewati ukuran 5.5" sepenuhnya.