繁体   English   中英

仅在横向模式下为iPad和平板电脑制作React Native应用程序的正确方法

[英]Proper way to make a react native app for iPad and tablets with landscape mode only

我是新来的开发开发人员,最近开始了一个仅适用于iPad和平板电脑设备的项目,该应用程序只能在横向模式下使用。 我该如何反应? 在iOS中,我尝试将设置仅更改为设备iPad,然后禁用了纵向模式,因此,如果我是从Xcode生成的,它确实可以缩放iPad的应用程序,但是如果我通过react-native run-ios命令react-native run-ios它在iPad上构建该应用程序,但它看起来像具有iPhone和iPad支持的通用构建,即您也可以选择扩展到iPhone。 进行下一步操作的正确方法应该是什么,以便无论我选择构建哪种环境,我的应用程序都只能在iPad或平板电脑设备上以横向模式构建?

如果您希望应用程序仅在Landscape模式下工作,则可以执行以下操作:

对于IOS:

步骤1:从您的iOS文件夹中打开Info.plist文件,然后删除(最好对其进行注释)此行:

<string>UIInterfaceOrientationPortrait</string>

从UISupportedInterfacePortrait和UISupportedInterfacePortrait〜ipad键。

对于Android:

打开文件android / app / src / main / AndroidManifest.xml

然后将android:screenOrientation=”landscape”到活动中,如以下代码的第23行所示:

<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.applificationhq.orientation"
    android:versionCode="9"
    android:versionName="1.1.0">

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

    <uses-sdk
        android:minSdkVersion="16"
        android:targetSdkVersion="22" />

    <application
      android:name=".MainApplication"
      android:allowBackup="true"
      android:label="@string/app_name"
      android:icon="@mipmap/ic_launcher"
      android:theme="@style/AppTheme">
      <activity
        android:name=".MainActivity"
        android:label="@string/app_name"
        android:configChanges="keyboard|keyboardHidden|orientation|screenSize"
        android:screenOrientation="landscape"
        android:windowSoftInputMode="adjustResize">
        <intent-filter>
            <action android:name="android.intent.action.MAIN" />
            <category android:name="android.intent.category.LAUNCHER" />
        </intent-filter>
      </activity>
      <activity android:name="com.facebook.react.devsupport.DevSettingsActivity" />    
    </application>

</manifest>

就这样。 下次运行应用程序时,无论设备方向如何,它都将保持不变。

祝好运

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM