如何删除 NavigationLinks 中的背景？

Question

How do I remove the background color of navigation link(The gray stuff). I have tried setting the background color to clear, but that does not seem to do anything:

struct DesignView: View {

@State var index: Int
@State var selection: Int


var body: some View {
    ZStack(alignment: .center){
        RoundedRectangle(cornerRadius: 90.0)
            .fill(Color.white)
            .frame(height: 50)
        
        NavigationLink(
                destination: GraphView(type: selection, index: index),
                label: {
                    Text("Warm Up #\(index)")
                        .font(.system(size: 20, weight: .bold, design: .rounded))
                        .foregroundColor(.black)
                        .backgroundStyle(
                            Color.clear
                        )
                })
        .backgroundStyle(
            Color.clear
        )
   
        .padding()
    }
}
}

Answer 1

I found the solution:

Navigation Links respond to tint, not to the bcgrnd color for that purpose:

NavigationLink(
                destination: GraphView(type: selection, index: index),
                label: {
                    Text("Warm Up #\(index)")
                        .font(.system(size: 20, weight: .bold, design: .rounded))
                        .foregroundColor(.black)
                        .backgroundStyle(
                            Color.clear
                        )
                })
        .tint(Color.clear)
        .backgroundStyle(
            Color.clear
            
        )