0

当我将它包装成这样的 NavigationLink 时,为什么我的 Cell 是灰色的?

NavigationLink(
                destination: Einstellungen_Daten(),
                label: {
                    EinstellungenKachel(titel: "Daten", beschreibung: "In dieser Sektion der Einstellungen kannst du alles rund um deine Daten konfigurieren", bild: Image(systemName: "folder")).buttonStyle(PlainButtonStyle())
                }).buttonStyle(PlainButtonStyle())

这个链接看起来像这样:

灰色链接

如果我不将EinstellungenKachel包装到 NavigationLink 中,它看起来像这样:

普通视图

EinstellungenKachel的代码是这样的:

struct EinstellungenKachel: View {
    
    var titel: String
    var beschreibung: String
    var bild: Image
    
    var body: some View {
        ZStack{
            Color.gray
                .frame(width: 450, height: 450)
                .cornerRadius(45)
            LinearGradient(gradient: Gradient(colors: [Color.red, Color.blue]), startPoint: .leading, endPoint: .trailing)
                .mask(bild.font(.system(size: 350)))
            RoundedRectangle(cornerRadius: 0)
                .foregroundColor(Color.init(red: 0, green: 0, blue: 0, opacity: 0))
                .overlay(textOverlay, alignment: .leading)
                .cornerRadius(45)
        }.frame(width: 450, height: 450)
        .padding()
    }
    
    var textOverlay: some View {
        VStack{
            Text(titel)
                .font(.custom("Impact", size: 50))
                .padding()
            Text(beschreibung)
                .font(.custom("Impact", size: 25))
                .multilineTextAlignment(.center)
                .padding()
        }
    }
}

可以请人帮助我吗?谢谢,布托什。

4

1 回答 1

1

你错过了NavigationView.

考虑这个不起作用的例子:

struct ContentView: View {
    var body: some View {
        NavigationLink("NavigationLink", destination: Text("Destination"))
    }
}

NavigationView在它周围添加,NavigationLink现在将突出显示以指示它不再被禁用 - 因为它实际上可以被点击以导航到某个目的地:

struct ContentView: View {
    var body: some View {
        NavigationView {
            NavigationLink("NavigationLink", destination: Text("Destination"))
        }
    }
}
没有NavigationView NavigationView
没有 和
于 2021-09-10T21:02:00.707 回答