SwiftUI前景/背景顺序与.primary：最后文本为何黄底黄字？

这是SwiftUI修饰符顺序与环境传递共同作用的结果，核心逻辑如下：

1. 修饰符的包裹逻辑
   SwiftUI的链式修饰符是从内到外包裹的，后面的修饰符会包裹前面的所有内容。比如最后一个Text的代码：

Text("yellow on black")
    .background(.primary)
    .foregroundColor(.yellow)

等价于这样的包裹关系：

// 伪代码，仅作逻辑示意
ForegroundColorModifier(color: .yellow) {
    BackgroundModifier(color: .primary) {
        Text("yellow on black")
    }
}

也就是说，.foregroundColor(.yellow)的设置会传递给它包裹的所有内部View，包括.background(.primary)。

2. Color.primary的动态特性
   Color.primary是动态颜色，它的实际显示值会跟随当前环境的前景色设置。当环境的前景色被强制设为.yellow时，Color.primary就会解析为.yellow。

3. 最终效果

• .background(.primary)在.foregroundColor(.yellow)的环境下，背景色被解析为黄色；
• 内部的Text也继承了外部的.foregroundColor(.yellow)设置，文字颜色同样为黄色；
  两者叠加就出现了黄底黄字的效果。

对比第三个Text的代码：

Text("yellow on black")
    .foregroundColor(.yellow)
    .background(.primary)

它的包裹顺序是.background(.primary)包裹.foregroundColor(.yellow)，.background(.primary)使用的是父环境默认的前景色（比如浅色模式下为黑色），所以背景是黑色、文字是黄色，呈现正常的黄字黑底。

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