如何创建完全填充设备屏幕的SwiftUI矩形？高度不足求助

嘿，我来帮你搞定这个小问题！你遇到的矩形高度略小的情况，主要是因为直接用UIScreen的绝对尺寸来设置frame，再加上布局顺序的问题，和SwiftUI的自适应布局系统有点冲突啦。

问题原因分析 #

• 连续调用frame的误区：你先后调用了.frame(height:)和.frame(width:)，虽然最终会同时设置宽高，但这种方式没有利用SwiftUI的自适应布局能力，而且在有导航栏、标签栏的视图层级里，父视图的可用空间本来就比屏幕尺寸小，硬套屏幕尺寸容易出现裁剪或尺寸偏差。
• edgesIgnoringSafeArea的位置不对：这个修饰符应该放在能让视图先填充父空间之后再扩展，而不是先固定尺寸再忽略安全区，不然可能会因为布局优先级的问题，导致视图没有完全延伸到屏幕边缘。

最优解决方案 #

其实不用手动取屏幕尺寸，SwiftUI有更简洁的全屏方式：

Rectangle()
    .fill(Color.green)
    .frame(maxWidth: .infinity, maxHeight: .infinity)
    .edgesIgnoringSafeArea(.all)

• .frame(maxWidth: .infinity, maxHeight: .infinity)：让Rectangle自动填充父视图的所有可用空间，适配任何屏幕尺寸。
• .edgesIgnoringSafeArea(.all)：让视图突破安全区限制，延伸到屏幕的最边缘（包括顶部状态栏、底部HomeIndicator区域）。

如果一定要用你的屏幕尺寸扩展 #

如果你坚持想用自己定义的UIScreen扩展，那可以调整布局顺序，确保先忽略安全区再设置尺寸，或者直接一次性设置frame：

Rectangle()
    .fill(Color.green)
    .edgesIgnoringSafeArea(.all)
    .frame(width: UIScreen.screenWidth, height: UIScreen.screenHeight)

不过还是更推荐第一种自适应的方式，因为它更符合SwiftUI的设计理念，适配各种复杂的视图场景。

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