Using the react-native-orientation-locker component, you would be able to detect the current orientation, as well as locking it to Portrait/Landscape by using: Orientation.lockToPortrait() Orientation.lockToLandscapeLeft() Even release the locks. The react-native-orientation has been deprecated.
#Detect landscape vs portrait react native code
I am intentionally leaving that bit out because it simply reads a property that is set when the JS code loads, and I am not sure if that satisfies your usecase (i.e. You can use react-native-orientation-locker. To lock the View to Landscape Mode Orientation.lockToLandscape.
Have a look at the getInitialOrientation() of the package function. To Lock the View to Portrait Mode Orientation.lockToPortrait() 2. Note that the state holds the UNKNOWN value on the beginning. So, as an example, in your component: constructor() // And so on. This method is what you would expect from a mobile API a simple orientationchange event on the window: During these changes, the window.orientation property may change. Here’s what the portrait and landscape screen orientations look like: In this example, we use the ScreenOrientation API to get the screen’s current orientation and to listen for orientation changes. You can detect that using the react-native-device-info package, in particular its isTablet method. The main difference between landscape and portrait image orientation is that a landscape image is wider than it is taller while a portrait image is taller than it is wider. However, there is still the issue of detecting if the code is running on a Tablet device. Landscape and Portrait are the types of orientation of a photograph or a print. The other answers have already addressed the screen detection task. A value of 0 means portrait view, -90 means a the device is landscape rotated to the right, and 90 means the device is landscape rotated to the left.
0 kommentar(er)
