SwiftUI应用添加iPhone目标后视图无法铺满全屏问题

问题现象 #

先创建macOS SwiftUI应用，再为目标添加iPhone（iOS SDK）支持后，运行iOS模拟器时，默认的ContentView四周会出现留白，无法像原生iOS SwiftUI项目那样延伸到屏幕边界。

复现步骤 #

• 创建macOS SwiftUI应用
• 为应用目标添加iPhone作为支持目标
• 切换运行目标到iPhone并启动应用

问题原因 #

macOS项目默认的WindowGroup带有窗口边距配置，新增iOS目标后，Xcode不会自动适配iOS的全屏窗口样式，导致视图无法铺满屏幕。

解决方案 #

方法一：调整WindowGroup的窗口样式（推荐）

打开项目的主App文件（比如YourAppApp.swift），针对iOS平台修改WindowGroup的样式：

import SwiftUI

@main
struct YourAppApp: App {
    var body: some Scene {
        WindowGroup {
            ContentView()
        }
        #if os(iOS)
        .windowStyle(.hiddenTitleBar)
        #endif
    }
}

这个设置会让iOS端的窗口隐藏标题栏并铺满屏幕，和原生iOS SwiftUI项目的默认配置一致。

方法二：让ContentView忽略安全区域

如果方法一无效，可以给ContentView添加忽略安全区域的设置：

struct ContentView: View {
    var body: some View {
        Text("Hello, world!")
            .padding()
            .edgesIgnoringSafeArea(.all)
    }
}

这种方式会强制视图延伸到屏幕边界，适合需要完全全屏的场景。

内容的提问来源于stack exchange，提问作者alessionossa