VStack内部NavigationLink

Question

我正在尝试VStack一个图像和一个文本在一个NavigationLink中。

这是我的密码：

NavigationLink(destination: ContentView()){
    Circle()
        .fill(Color.green)
        .frame(width: 50, height:50)
        .overlay(Image(systemName: "arrow.up"))
    Text("Send")
        .foregroundColor(Color.white)
}

VStack {
if item.title == "Send"{
    NavigationLink(destination: ContentView()) {
        VStack {
            Circle()
                .fill(Color.green)
                .frame(width: 50, height:50)
                .overlay(Image(systemName: "arrow.up"))
            Text("Send")
                .foregroundColor(Color.black)
        }
    }
}}

如果我试图在VStack中编译NavigationLink，那么什么都不会编译。

如果我尝试VStack所有的东西，那么图像和文本仍然会显示在一起。

我正努力树立正确的榜样：

​

​

Answer 1

这应该能行

struct ContentView: View {
    var body: some View {
        
        NavigationView {
            NavigationLink(destination: Text("new View")) {
                ZStack {
                    Circle()
                        .fill(Color.green.opacity(0.7))
                        .frame(width: 70, height: 70)
                    
                    VStack {
                        Image(systemName: "square.and.arrow.up")
                            .renderingMode(.template)
                            .foregroundColor(.white)
                        Text("send")
                            .foregroundColor(.white)
                    }
                    
                }
            }
        }
    }
}

​

​

Answer 2

我无法复制你的问题。以下内容按需要编译和显示。

VStack {
    NavigationLink(destination: ContentView()) {
        VStack {
            Circle()
                .fill(Color.green)
                .frame(width: 50, height:50)
                .overlay(Image(systemName: "arrow.up"))
            Text("Send")
                .foregroundColor(Color.white)
        }
    }
}