uni-app IOS使用通用启动页后 启动页样式与文档中的启动页不同

发布于 1周前 作者 nodeper 来自 Uni-App

uni-app IOS使用通用启动页后 启动页样式与文档中的启动页不同

操作步骤：

  • 下载App启动

预期结果：

  • 预期启动图如uniapp文档中的启动图样式，logo和App名在上，loding加载图标在下

实际结果：

  • 启动图中，App的Logo和App名在底部，并且横向排列；loding加载图标在中间靠下位置，在logo和App名上面

bug描述：

  • 在manifest.json中选择IOS启动页为通用启动页后，打包出来后样式与uniapp文档中的启动页样式不一致，项目需求非要做成uniapp文档中那样，麻烦帮忙看看吧
信息类别 详细信息
产品分类 uniapp/App
PC开发环境 Windows
PC系统版本号 Windows 10 专业版 22H2
HBuilderX类型 正式
HBuilderX版本 3.99
手机系统 iOS
手机系统版本 iOS 15
手机厂商 苹果
手机机型 iPhone xs
页面类型 vue
vue版本 vue2
打包方式 云端
项目创建方式 HBuilderX
App下载地址 https://apps.apple.com/app/cnfans/id6473715767

Image 1 Image 2 Image 3


Harmonyos Next教程
9 回复

打包的时候开启任意广告，打完一个包后 再关了。就能使用这个限定皮肤了。（关闭广告后不会影响app，不会在app出现广告）


那我该怎么还原回文档中的启动页样式呢？sb项目经理非得要那个样式的…

你这是用的标准基座吧？

是自定义的，我项目都已经上线了，怎么还会用标准基座呢

你是之前开过广告吧，可以使用自定义启动页

回复 DCloud_iOS_WZT: 好像是第一次打包的时候没注意，选了广告，然后后面取消了，就变成这样了

回复 1***@163.com: 看下私信 你加下我 然后appid 或者 menifest.json的源码视图发我下

同样有这个问题，请教下最后怎么解决的？

针对您提到的uni-app在IOS上使用通用启动页后，启动页样式与文档中描述不一致的问题，这通常是由于启动图配置不当或样式覆盖导致。以下是一些可能的解决方案，主要通过代码和配置来展示如何正确设置启动页。

1. 检查启动图配置

首先，确保您的项目中包含了正确尺寸的启动图。uni-app要求为不同屏幕尺寸提供对应的启动图。在manifest.json文件中，应正确配置这些图片资源。

"mp-weixin": { // 示例配置，实际应根据平台调整
    "appid": "your-app-id",
    "setting": {
        "launchShow": true,
        "launchWindow": {
            "backgroundTextStyle": "light",
            "navigationBarBackgroundColor": "#ffffff",
            "navigationBarTextStyle": "black",
            "navigationBarTitleText": "uni-app",
            "backgroundColor": "#ffffff"
        }
    },
    "usingComponents": true,
    "permission": {}
},
"plus": { // 通用配置，适用于所有5+App平台
    "distribute": {
        "apple": {
            "splashscreen": {
                "landscape": [
                    {
                        "src": "static/splash/ios_landscape_1125x2436.png",
                        "width": 1125,
                        "height": 2436
                    },
                    // 更多尺寸配置...
                ],
                "portrait": [
                    {
                        "src": "static/splash/ios_portrait_750x1334.png",
                        "width": 750,
                        "height": 1334
                    },
                    // 更多尺寸配置...
                ]
            }
        }
    }
}

2. 样式覆盖检查

如果启动页样式被其他样式覆盖，可以通过检查全局样式文件（如App.vue中的<style>部分或全局CSS文件）来确认是否有相关样式影响了启动页。确保启动页样式未被意外修改。

3. 使用原生启动图

如果通过配置仍无法解决问题，可以考虑直接使用原生方式设置启动图。在Xcode中，打开uni-app生成的iOS项目，导航到Images.xcassets文件夹，手动添加并配置启动图集。

4. 调试和日志

利用Xcode的调试功能，观察启动过程中的日志输出，看是否有关于启动图加载失败的错误信息。这有助于定位问题。

结论

正确配置manifest.json中的启动图路径和尺寸是关键。同时，检查全局样式避免覆盖，以及利用Xcode原生配置作为备选方案。如果问题依旧存在，查看Xcode日志可能提供更多线索。希望这些步骤能帮助您解决uni-app在IOS上的启动页样式问题。

回到顶部