SwiftUI中如何用foregroundStyle设置NavigationLink的文本样式？

问题核心在于NavigationLink作为可交互控件，系统会为其label应用默认的前景样式，直接给内部的Image、Text单独设置foregroundStyle会被系统样式覆盖，得换个方式设置：

方法1：直接给NavigationLink添加foregroundStyle #

把foregroundStyle应用在NavigationLink本身上，而非内部子视图，这样会替换系统默认样式，子视图会自动继承这个样式：

struct ContentView: View {
    var body: some View {
        NavigationStack {
            VStack {
                NavigationLink {
                    // 跳转目标视图
                } label: {
                    Image(systemName: "globe")
                        .imageScale(.large)
                    Text("Hello, world!")
                }
                .foregroundStyle(.primary) // 关键：加在NavigationLink上
            }
            .padding()
        }
    }
}

方法2：使用复杂样式（比如渐变） #

如果需要渐变、材质这类更丰富的样式，同样直接应用在NavigationLink上即可，foregroundStyle支持多种样式类型：

struct ContentView: View {
    var body: some View {
        NavigationStack {
            VStack {
                NavigationLink {
                    // 跳转目标视图
                } label: {
                    Image(systemName: "globe")
                        .imageScale(.large)
                    Text("Hello, world!")
                }
                .foregroundStyle(LinearGradient(colors: [.orange, .purple], startPoint: .top, endPoint: .bottom))
            }
            .padding()
        }
    }
}

补充说明 #

虽然foregroundColor目前还能生效，但苹果官方已推荐使用foregroundStyle——它不仅支持单一颜色，还能实现渐变、材质等多样化前景效果，更符合SwiftUI的设计趋势。

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