SwiftUI视图如何完全填充父视图？relativeSize失效是Bug吗？

架构老林

2026-5-13

这不是SwiftUI Bug，是对relativeSize的理解偏差哦！

你遇到的情况完全不是Bug，而是relativeSize这个API的设计初衷和你预期的不一样～

先搞懂`relativeSize`到底是干嘛的

relativeSize(width:height:)的作用是基于父视图传递给当前视图的「建议尺寸」（layout proposal）进行缩放，而不是强制让视图占满父视图的所有可用空间。

拿你的例子来说，Text("foo")本身有一个「固有尺寸」（就是文字本身的大小），父视图给它的建议尺寸默认就是这个固有尺寸。所以当你设置relativeSize(width: 1.0, height: 1.0)时，相当于让它保持原尺寸不变——这就是为什么红色背景只包裹了文字，没有铺满屏幕。

再看你的自定义`_fill`方法为啥生效

你的_fill扩展用了GeometryReader，它能直接获取到父视图的实际可用尺寸，然后通过frame(width:geometry.size.width, height:geometry.size.height)强制把当前视图的尺寸设置为父视图的大小，自然就铺满了整个屏幕。这本质上是主动获取父视图空间并强制适配，和relativeSize的逻辑完全不同。

用系统API实现「占满父视图」的正确方式

其实不用自定义扩展，SwiftUI早就提供了更简洁的方案：用frame(maxWidth: .infinity, maxHeight: .infinity)，它会让视图尽可能占据父视图的所有可用空间：

struct ContentView: View {
    var body: some View {
        Text("foo")
            .frame(maxWidth: .infinity, maxHeight: .infinity)
            .background(Color.red)
    }
}