The short answer is that you’re using UINavigationController, and that won’t work like you want it to. From Apple’s docs: Why won’t my UIViewController rotate with the device? All child view controllers in your UITabBarController or UINavigationController do not agree on a common orientation set. To make sure that all your child view controllers rotate … Read more
Detecting mobile devices: Simple browser sniffing if (/mobile/i.test(navigator.userAgent)) {…} jQuery.browser.mobile plug-in (exhaustive browser sniffing) Simple test for touch events if (‘ontouchstart’ in window) {…} Advanced test for touch events: if ((‘ontouchstart’ in window) || // Advanced test for touch events (window.DocumentTouch && document instanceof DocumentTouch) || ((hash[‘touch’] && hash[‘touch’].offsetTop) === 9)) {…} Optionally use onorientationchange … Read more
Autorotation is handled by a view’s UIViewController (shouldAutorotateToInterfaceOrientation:), so one approach is to arrange your hierarchy such that rotatable views are managed by one view controller, and non-rotatable views by another view controller. Both of these UIViewController’s root views then need adding to the window/superview. The subtlety here is that if you have two view … Read more
You might want to check out the One Screen Turn Deserves Another article. It explains why you need the rotation matrix. In a nutshell, the phone’s sensors always use the same coordinate system, even when the device is rotated. In applications that are not locked to a single orientation, the screen coordinate system changes when … Read more
It is now possible with the HTML5 webapp manifest. See below. Original answer: You can’t lock a website or a web application in a specific orientation. It goes against the natural behaviour of the device. You can detect the device orientation with CSS3 media queries like this: @media screen and (orientation:portrait) { // CSS applied … Read more
First import the services package: import ‘package:flutter/services.dart’; This will give you access to the SystemChrome class, which “Controls specific aspects of the operating system’s graphical interface and how it interacts with the application.” When you load the Widget, do something like this: @override void initState(){ super.initState(); SystemChrome.setPreferredOrientations([ DeviceOrientation.landscapeRight, DeviceOrientation.landscapeLeft, ]); } then when I leave … Read more
if(window.innerHeight > window.innerWidth){ alert(“Please use Landscape!”); } jQuery Mobile has an event that handles the change of this property… if you want to warn if someone rotates later – orientationchange Also, after some googling, check out window.orientation (which is I believe measured in degrees…) EDIT: On mobile devices, if you open a keyboard then the … Read more
Things can get quite messy when you have a complicated view hierarchy, like having multiple navigation controllers and/or tab view controllers. This implementation puts it on the individual view controllers to set when they would like to lock orientations, instead of relying on the App Delegate to find them by iterating through subviews. Swift 3, … Read more