如何在nativescript中设置方向

时间:2016-11-03 20:20:10

标签: android screen-orientation nativescript

您好我想知道如何在nativescript中设置设备方向。 具体来说,我希望我写的应用程序始终保持相同的方向(纵向),以便旋转设备不会导致它进入风景。

我尝试了nativescript-orientation插件和setOrientation。

var orientation = require('nativescript-orientation');
console.log(JSON.stringify(orientation));// outputs JS: {}
orientation.setOrientation("portrait"); 

但是我收到错误“无法读取未定义的属性setOrientation。 tns插件列表显示已安装插件。此外,我尝试删除platforms/android目录并运行tns platform add android并获得相同的结果。

我还尝试将android:screenOrientation="portrait"的各种组合放入AndroidManifest.xml但没有成功。

来自App_resources内部的AndroidManifest.xml看起来像这样

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="__PACKAGE__"
    android:versionCode="1"
    android:versionName="1.0">

    <supports-screens
        android:smallScreens="true"
        android:normalScreens="true"
        android:largeScreens="true"
        android:xlargeScreens="true"/>

    <uses-sdk
        android:minSdkVersion="17"
        android:targetSdkVersion="__APILEVEL__"/>

    <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE"/>
    <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE"/>
    <uses-permission android:name="android.permission.INTERNET"/>

    <application
        android:screenOrientation="portrait"
        android:name="com.tns.NativeScriptApplication"
        android:allowBackup="true"
        android:icon="@drawable/icon"
        android:label="@string/app_name"
        android:theme="@style/AppTheme">

        <activity
            android:name="com.tns.NativeScriptActivity"
            android:label="@string/title_activity_kimera"
            android:configChanges="keyboardHidden|orientation|screenSize"
            android:theme="@style/LaunchScreenTheme">
            <meta-data android:name="SET_THEME_ON_LAUNCH" android:resource="@style/AppTheme" />

            <intent-filter>
                <action android:name="android.intent.action.MAIN" />
                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
        <activity android:name="com.tns.ErrorReportActivity"/>
    </application>
</manifest>

4 个答案:

答案 0 :(得分:17)

我的应用仅限纵向。

对于Android,您只需在android:screenOrientation="portrait"标记内的AndroidManifest.xml中添加activity即可。

对于iOS,open Xcode -> Select project on project navigator (left panel) -> Select target in middle panel -> Choose "General" tab -> Tick only "Portrait" in Deployment info section

答案 1 :(得分:4)

对于iOS:(无需Xcode,只需操作一个文件即可)。

  1. 打开文件app/App_Resources/iOS/Info.plist
  2. 评论或删除:

    <string>UIInterfaceOrientationLandscapeLeft</string>  <string>UIInterfaceOrientationLandscapeRight</string>

app / App_Resources / iOS / Info.plist

    ...     
    <key>UISupportedInterfaceOrientations</key>
    <array>
        <string>UIInterfaceOrientationPortrait</string>
        <string>UIInterfaceOrientationLandscapeLeft</string>
        <string>UIInterfaceOrientationLandscapeRight</string>
    </array>
    <key>UISupportedInterfaceOrientations~ipad</key>
    <array>
        <string>UIInterfaceOrientationPortrait</string>
        <string>UIInterfaceOrientationPortraitUpsideDown</string>
        <string>UIInterfaceOrientationLandscapeLeft</string>
        <string>UIInterfaceOrientationLandscapeRight</string>
    </array>

(支持@mudlabs,他已经在评论中提到了此解决方案。)

答案 2 :(得分:3)

如果您使用的是NativeScript Sidekick,则可以通过项目属性为Android和iOS设置方向。

答案 3 :(得分:0)

最高答案是正确的,但在某些情况下,仅添加android:screenOrientation不起作用。

我通过添加android:screenOrientation="portrait" android:configChanges="keyboardHidden|orientation|screenSize"来使其正常工作,并且在configChanges之前先记录顺序,即screenOrientation

实际上,我已经在android studio和Nativescript中对其进行了测试。