如何在 nativescript 中设置方向

Posted 2023-02-19

【中文标题】如何在 nativescript 中设置方向

【英文标题】：How to set orientation in nativescript

【发布时间】：2017-03-17 13:44:29

【问题描述】：

您好，我想知道如何在 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>

【问题讨论】：

在修改了AndroidManifest.xml之后你做了完整的build吗？此外，您可能需要卸载设备/模拟器上的当前 .apk，然后卸载 run 或 livesync 新版本。据我所知，manifest 选项是在 android 应用程序上强制一个方向的更好选择。所以它会起作用，但如果你没有卸载旧的 .apk，你可能会在设备上遇到缓存问题 :)

我已删除 apk 并使用 tns run android 运行它。我还添加了 android manifest.xml 以防我错过了什么

【参考方案1】：

您必须在您的App_Resources 中更新您的AndroidManifest.xml 和Info.plist。

AndroidManifest.xml

在您的主要活动上将 screenOrientation 设置为纵向

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

Info.plist

只保留纵向，从 UISupportedInterfaceOrientations 中删除其余部分。

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

注意：确保在进行这些更改后运行干净的构建。

【讨论】：

感谢您的建议，但我已将其标志添加到 Android 清单中，但它似乎不起作用。我用清单更新了我的帖子。也许我把国旗放在错误的地方？你能看一下然后告诉我吗？

我把它放在了activity 标签里面。你把它放在哪里了？

我看到你把它放在application 标签内但在activity 之外。尝试将其放入activity。 P / s：编辑答案

哇哦。我想我把它放在活动标签中。我想我第一次这样做时并没有从设备上删除 apk。

对于ios，您可以转到app/App_Resources/iOS/Info.plist。在此文件中，您将找到<string>UIInterfaceOrientationPortrait</string> 和 Landscape 等...只需注释掉或删除您不想支持的方向。无需打开 Xcode :)

【参考方案2】：

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

我通过添加 android:screenOrientation="portrait" android:configChanges="keyboardHidden|orientation|screenSize" 并记下顺序，screenOrientation 在 configChanges 之前先。

其实我已经在 android studio 和 Nativescript 中测试过了。

【参考方案3】：

对于 iOS：（没有 Xcode，只需操作一个文件。）

打开文件app/App_Resources/iOS/Info.plist

注释掉或删除：

<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 的道具，他已经在评论中提到了这个解决方案。）

【参考方案4】：

如果您使用NativeScript Sidekick，则可以从项目属性中为 Android 和 iOS 设置方向。