如果将.frame(maxWidth: .infinity)链接到Text上作为最后一个修改器，则背景色应延伸到左右边缘。

GridRow应该是Grid的子节点。所以在这种情况下，我不会使用GridRow，而只使用Text本身。
然后，您需要做的就是强制文本使用全宽。由于背景将接触安全区域的边缘，因此它也将延伸到安全区域中。这是因为您使用的是background(_:ignoresSafeAreaEdges:)（带圆括号）。ignoresSafeAreaEdges的默认参数是Edge.Set.all。
就像这样：

VStack{
    Text("SEBASTIAN'S FAVORITE STUFF") // not nested in a GridRow any more
        .lineLimit(1)
        .padding(10)
        .font(.system(size: 500))
        .minimumScaleFactor(0.01)
        .colorInvert()
        .frame(maxWidth: .infinity) // added
        .background(Color(red: 0.18 , green: 0.59 , blue: 0.65 ))
    HStack {
        ScrollView {
            Grid{

如果你想填满整个屏幕背景，那么你可以把背景上移一级，放在VStack后面。Text上不再需要maxWidth。在VStack上也不需要它，因为ScrollView将强制VStack填充所有可用空间（ScrollView是贪婪的）。

VStack{
    Text("SEBASTIAN'S FAVORITE STUFF")
        .lineLimit(1)
        .padding(10)
        .font(.system(size: 500))
        .minimumScaleFactor(0.01)
        .colorInvert()
    HStack {
        // as before
    }
}
.background(Color(red: 0.18 , green: 0.59 , blue: 0.65 ))

如果这仍然留下一些差距，那么你需要看看下一个父母，等等。