SwiftUI标题文本背景如何铺满整个屏幕宽度？

问题核心是当前的GridRow和外层VStack默认仅根据内部内容尺寸布局，导致背景只覆盖文本范围。调整以下两点即可让背景铺满整个区域：

• 给外层VStack添加.frame(maxWidth: .infinity)，让它横向扩展到父视图的最大可用宽度
• 给GridRow添加.frame(maxWidth: .infinity)，确保它填充VStack的全部宽度

修改后的代码片段如下：

var body: some View {
    VStack{
        GridRow{
            Text("SEBASTIAN'S FAVORITE STUFF")
                .lineLimit(1)
                .padding(10)
                .font(.system(size: 500))
                .minimumScaleFactor(0.01)
                .colorInvert()
        }
        .frame(maxWidth: .infinity) // 让GridRow铺满横向空间
        .background(Color(red: 0.18 , green: 0.59 , blue: 0.65 ))
        HStack{
            ScrollView{
                Grid{
                    // 后续代码保持不变
                }
            }
        }
    }
    .frame(maxWidth: .infinity) // 让VStack铺满父视图横向空间
}

如果需要背景同时铺满纵向空间，可以给VStack额外添加.frame(maxHeight: .infinity)。

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