React Native डेवलपर्स के लिए

App Store और Play Store, एक डिज़ाइन।

संक्षेप में। React Native ऐप्स दोनों स्टोर पर शिप होते हैं। Screenshotify एक ही डिज़ाइन से दोनों के ज़रूरी साइज़ मैट्रिक्स एक्सपोर्ट करता है। दो डिज़ाइन टूल में दो अलग वर्कफ़्लो नहीं।

React Native ऐप्स डिफ़ॉल्ट रूप से दो स्टोर इकोसिस्टम में होते हैं। स्क्रीनशॉट की कहानी में आमतौर पर या तो रॉ सिमुलेटर कैप्चर के लिए Detox-driven UI टेस्ट होते हैं, या Figma में एक iPhone प्रीसेट और एक Android प्रीसेट साथ-साथ खोलकर मैन्युअल डिज़ाइन। Screenshotify उस पल के लिए है जब आप डिज़ाइन किए मार्केटिंग स्क्रीनशॉट चाहते हैं — रॉ कैप्चर नहीं — और एक साथ दोनों स्टोर के लिए।

एक आम RN स्क्रीनशॉट दिन

सोर्स फ्रेम कैप्चर करें — चलते ऐप से: iOS Simulator का Cmd+S, Android Emulator का स्क्रीनशॉट बटन, या हमारे बनाए WebRTC पेयरिंग से असली डिवाइस के स्क्रीनशॉट।
Screenshotify खोलें, 3-5 पैनल का कैरोसेल बनाएं। हर पैनल अलग डिवाइस फ़्रेम इस्तेमाल कर सकता है, तो आप एक ऐसा कैरोसेल बना सकते हैं जो iPhone और Pixel का मेल दिखाए।
कैप्शन जोड़ें सोर्स भाषा में। मल्टी-पैनल कंपोज़र हेडलाइन स्ट्रक्चर पैनल्स में एक जैसा रखता है।
लोकलाइज़ करें। सभी 39 App Store लोकेल में वन-क्लिक ट्रांसलेट। जो लोकेल आपके एक्टिव मार्केट हैं उन्हें रिव्यू करें (ग्लोबल RN ऐप्स के लिए आमतौर पर EN, JP, DE, BR, KR, ES)।
एक्सपोर्ट करें। एक ZIP जिसमें जो App Store साइज़ आपने इनेबल किए हैं (6.9", iPad 13", आदि) और Play Store साइज़ (डिफ़ॉल्ट 1080 × 1920) हों।

RN इकोसिस्टम में विकल्प

Detox या react-native-testing-library स्क्रीनशॉट हेल्पर के साथ UI टेस्ट से रॉ फ्रेम कैप्चर देते हैं। सोर्स स्क्रीनशॉट के लिए उपयोगी; मार्केटिंग-कंपोज़िशन स्टेप को रिप्लेस नहीं करता। Fastlane snapshot RN ऐप के iOS साइड पर काम करता है (Xcode प्रोजेक्ट असली Xcode है)।

ज़्यादातर RN टीम जो तरीका अपनाती है: सिमुलेटर/डिवाइस से सोर्स कैप्चर करें, Screenshotify में कैरोसेल डिज़ाइन करें, प्रोजेक्ट JSON को कोडबेस के साथ उसी रेपो में वर्जन करें।

क्रॉस-प्लेटफ़ॉर्म डिज़ाइन टिप्स

प्रति प्रोजेक्ट एक डिज़ाइन सिस्टम चुनें और उसे iOS और Android दोनों स्क्रीनशॉट में लागू करें — स्टोर के बीच फ़ॉन्ट या रंग न बदलें।
स्टेटस बार अलग होता है। iOS पर कन्वेंशन से 9:41; Android असली समय दिखाता है। Screenshotify iOS स्टेटस बार प्रति डिवाइस टॉगल करता है; Android स्क्रीनशॉट में OS स्टेटस बार नेटिव रहता है।
बॉटम नेव बनाम टैब बार। इन्हें क्रॉप न करें — यह आपके ऐप का वह हिस्सा है जो कैरोसेल थंबनेल में सबसे ज़्यादा दिखता है।
5.5" iPhone ख़त्म हो गया है। जब तक आपका RN ऐप iOS 13 (iPhone 6s Plus minimum) को टार्गेट न करे, 5.5" साइज़ छोड़ दें।

जानें: फ़ीचर्स · गाइड · मूल्य

एडिटर खोलें →