CODEWITHSUNDEEP
nativescriptnativescript-vue
jarrodwhitley
jarrodwhitley

Reputation: 828

How to force portrait orientation in NativeScript 8.x for iOS and Android

There are a few community plugins that made for this, but none of them support NativeScript 8.x. They utilize "tns-core-modules" rather than "@nativescript/core". I've only found one paid plugin that supports NativeScript 8.x.

Is there truly no way to force portrait orientation natively in NativeScript? If not, it seems like a major oversight for a framework dedicated to making mobile apps.

Upvotes: 0

Views: 433

Answers (1)

bhavin jalodara
bhavin jalodara

Reputation: 1530

You will have to update your AndroidManifest.xml & Info.plist in your App_Resources.

AndroidManifest.xml

Set screenOrientation to portrait on your main activity

<activity android:name="com.tns.NativeScriptActivity" 
 ... 
 android:screenOrientation="portrait">

Info.plist

Keep only the portrait orientation, remove rest from UISupportedInterfaceOrientations.

<key>UISupportedInterfaceOrientations</key>
<array>
  <string>UIInterfaceOrientationPortrait</string>
</array>
<key>UISupportedInterfaceOrientations~ipad</key>
<array>
  <string>UIInterfaceOrientationPortrait</string>
  <string>UIInterfaceOrientationPortraitUpsideDown</string>
</array>

Note: Make sure you run a clean build after these changes.

Upvotes: 1

Related Questions