Some devices/browsers do, some not. You need to decide your supported browsers and devices. If you want to be on secure side you should use the resize event and get/check the sizes inside in it; if you know your desired devices go with a simple orientation change: Easy solution: // Listen for orientation changes window.addEventListener(“orientationchange”, … Read more
You also want to add the maximum scale <meta name=”viewport” content=”width=device-width, initial-scale=1, maximum-scale=1″> UPDATED I agree with some of the comments, the declaration should not limit the scaling by the user as this is bad practice. The below is a better approach and I believe that the zooming bug has long since been fixed by … Read more
Keep this part of the manifest as it already is. For example, consider the IntroHome activity. <activity android:name=”.IntroHome” android:label=”@string/app_name” android:screenOrientation=”landscape” > </activity> And for the activity XML, make sure you have the IntroHome activity layout XML only in the layout-land folder. This way, the activity / activities you have will only show the the landscape … Read more
If using Hooks. You can refer to this solution: https://stackoverflow.com/a/61838183/5648340 The orientation of apps from portrait to landscape and vice versa is a task that sounds easy but may be tricky in react native when the view has to be changed when orientation changes. In other words, having different views defined for the two orientations … Read more
I ended up using the following solution: private int getScreenOrientation() { int rotation = getWindowManager().getDefaultDisplay().getRotation(); DisplayMetrics dm = new DisplayMetrics(); getWindowManager().getDefaultDisplay().getMetrics(dm); int width = dm.widthPixels; int height = dm.heightPixels; int orientation; // if the device’s natural orientation is portrait: if ((rotation == Surface.ROTATION_0 || rotation == Surface.ROTATION_180) && height > width || (rotation == Surface.ROTATION_90 … Read more
In your manifest tag (just under xmlns:android=”http://schemas.android.com/apk/res/android”), put xmlns:tools=”http://schemas.android.com/tools” Then inside the application tag, put tools:ignore=”LockedOrientationActivity”
Yes it is implementable! ActivityInfo.SCREEN_ORIENTATION_LANDSCAPE setRequestedOrientation(ActivityInfo.SCREEN_ORIENTATION_LANDSCAPE); ActivityInfo.SCREEN_ORIENTATION_PORTRAIT setRequestedOrientation(ActivityInfo.SCREEN_ORIENTATION_PORTRAIT); ActivityInfo http://developer.android.com/reference/android/content/pm/ActivityInfo.html Refer the link: Button buttonSetPortrait = (Button)findViewById(R.id.setPortrait); Button buttonSetLandscape = (Button)findViewById(R.id.setLandscape); buttonSetPortrait.setOnClickListener(new Button.OnClickListener(){ @Override public void onClick(View arg0) { setRequestedOrientation(ActivityInfo.SCREEN_ORIENTATION_PORTRAIT); } }); buttonSetLandscape.setOnClickListener(new Button.OnClickListener(){ @Override public void onClick(View arg0) { setRequestedOrientation(ActivityInfo.SCREEN_ORIENTATION_LANDSCAPE); } }); http://android-er.blogspot.in/2011/08/set-screen-orientation-programmatically.html
As explained by Chris in his self-answer, calling setRequestedOrientation(ActivityInfo.SCREEN_ORIENTATION_NOSENSOR); and then setRequestedOrientation(ActivityInfo.SCREEN_ORIENTATION_SENSOR); really works like charm… on real devices ! Don’t think that it’s broken when testing on the emulator, the ctrl+F11 shortcut ALWAYS change the screen orientation, without emulating sensors moves. EDIT: this was not the best possible answer. As explained in the comments, … 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
Here’s a good way using resources and size qualifiers. Put this bool resource in res/values as bools.xml or whatever (file names don’t matter here): <?xml version=”1.0″ encoding=”utf-8″?> <resources> <bool name=”portrait_only”>true</bool> </resources> Put this one in res/values-sw600dp and res/values-xlarge: <?xml version=”1.0″ encoding=”utf-8″?> <resources> <bool name=”portrait_only”>false</bool> </resources> See this supplemental answer for help adding these directories and … Read more