同一套代码、一个app，怎么做到在ipad（平板端）可以切换横竖屏，手机端只能竖屏

分类：uni-app

uniapp

在manifest.json--app-plus节点中添加下面代码，ipad端支持横屏和竖屏了，但是手机端plus.screen.lockOrientation('portrait-primary'); // 锁定竖屏这个就失效了，也可以横竖屏旋转了。如果给screenOrientation中只配置portrait-primary这个，手机端竖屏了，但是ipad（平板）方向不能横屏了，求助大家，看怎么解决。

"screenOrientation": [  
        "portrait-primary",     //可选，字符串类型，支持竖屏  
        "portrait-secondary",   //可选，字符串类型，支持反向竖屏  
        "landscape-primary",    //可选，字符串类型，支持横屏  
        "landscape-secondary"   //可选，字符串类型，支持反向横屏  
    ],

2025-06-27 11:16 负责人:无分享

4 个回复

DCloud_App_Array

不要在manifest.json中配置screenOrientation信息，在项目下添加Info.plist文件，配置以下内容：

<?xml version="1.0" encoding="UTF-8"?>  
<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">  
<plist version="1.0">  
<dict>  
    <key>UISupportedInterfaceOrientations~iphone</key>  
    <array>  
        <string>UIInterfaceOrientationPortrait</string>  
    </array>  
    <key>UISupportedInterfaceOrientations~ipad</key>  
    <array>  
        <string>UIInterfaceOrientationPortrait</string>  
        <string>UIInterfaceOrientationPortraitUpsideDown</string>  
        <string>UIInterfaceOrientationLandscapeLeft</string>  
        <string>UIInterfaceOrientationLandscapeRight</string>  
    </array>  
</dict>  
</plist>

旧时光 (作者)

感谢回复，我试了这个方法，没有生效，重新打包了，是还需要啥配置吗

2025-06-27 16:36
旧时光 (作者)

回复旧时光: 哈哈，我知道了，你写错了，正确写法详见：https://uniapp.dcloud.net.cn/tutorial/app-nativeresource-ios.html#orientation

2025-06-27 16:59