2017 अपडेट: {"orientation": "portrait"}
वर्तमान में इस तरह के कई आधिकारिक प्रतिक्रियाशील मूल निवासी मार्गदर्शक एक्सपो नेटिव एप्लिकेशन बनाते समय एक्सपो का उपयोग करने की सलाह देते हैं, इसलिए मौजूदा उत्तरों के अलावा मैं एक एक्सपो-विशिष्ट समाधान भी जोड़ूंगा जो ध्यान देने योग्य है क्योंकि यह आईओएस और एंड्रॉइड दोनों के लिए काम करता है और आपको केवल इसकी आवश्यकता है इसे एक बार XCode config, AndroidManifest.xml आदि के साथ गड़बड़ करने की आवश्यकता नहीं है।
बिल्ड समय पर ओरिएंटेशन सेट करना:
यदि आप एक्सपो के साथ अपने रिएक्टिव नेटिव ऐप बना रहे हैं तो आप orientation
अपनी app.json
फ़ाइल में फ़ील्ड का उपयोग कर सकते हैं - उदाहरण के लिए:
{
"expo": {
"name": "My app",
"slug": "my-app",
"sdkVersion": "21.0.0",
"privacy": "public",
"orientation": "portrait"
}
}
इसे सेट किया जा सकता है "portrait"
, "landscape"
या "default"
जिसका अर्थ है बिना ओरिएंटेशन लॉक के ऑटोरोटेट।
रनटाइम पर ओरिएंटेशन सेट करना:
उदाहरण के लिए, आप रनिंग के समय उस सेटिंग को ओवरराइड कर सकते हैं:
Expo.ScreenOrientation.allow(Expo.ScreenOrientation.Orientation.LANDSCAPE);
जहां तर्क हो सकता है:
ALL
- सभी 4 संभव अभिविन्यास
ALL_BUT_UPSIDE_DOWN
- सभी लेकिन रिवर्स पोर्ट्रेट, कुछ Android उपकरणों पर सभी 4 झुकाव हो सकते हैं।
PORTRAIT
- पोर्ट्रेट ओरिएंटेशन, कुछ Android उपकरणों पर रिवर्स पोर्ट्रेट भी हो सकता है।
PORTRAIT_UP
- केवल उल्टा चित्र।
PORTRAIT_DOWN
- उल्टा चित्र ही।
LANDSCAPE
- किसी भी परिदृश्य उन्मुखीकरण।
LANDSCAPE_LEFT
- वाम परिदृश्य केवल।
LANDSCAPE_RIGHT
- केवल सही परिदृश्य।
रोटेशन का पता लगाने:
जब आप एक से अधिक अभिविन्यास की अनुमति देते हैं तो आप ऑब्जेक्ट change
पर घटनाओं को सुनकर परिवर्तनों का पता लगा सकते हैं Dimensions
:
Dimensions.addEventListener('change', (dimensions) => {
// you get:
// dimensions.window.width
// dimensions.window.height
// dimensions.screen.width
// dimensions.screen.height
});
या आप भी बस के साथ आयाम कभी भी प्राप्त कर सकते हैं Dimensions.get('window')
और Dimensions.get('screen')
इस तरह:
const dim = Dimensions.get('window');
// you get:
// dim.width
// dim.height
या:
const dim = Dimensions.get('screen');
// you get:
// dim.width
// dim.height
जब आप घटना को सुनते हैं तो आप दोनों एक ही समय में मिलते हैं window
और screen
इसीलिए आप इसे अलग तरीके से एक्सेस करते हैं।
प्रलेखन:
अधिक जानकारी के लिए देखें: