我想在我的应用程序中创建可重用的组件。

我也找过类似的问题。但我只找到了复杂得多的例子。

让我们试试这个简单的例子--一个按钮，它可以根据传递的参数打开不同的视图。我有两个视图，我将打开作为一张表：

FirstView.Swift

import SwiftUI

struct FirstView: View {
    var body: some View {
        Text("First view")
    }
}

SecondView.Swift

struct SecondView: View {
    var body: some View {
        Text("Second view")
    }
}

ButtonView.swift这是一个视图，我想在我的设计系统中作为可重用的组件使用。

import SwiftUI

struct ButtonView: View {

    @State private var showModal: Bool = false
    
    // This works
    var text: String
    // Here I am getting an error:
    // Protocol 'View' can only be used as a generic constraint because it has Self or associated type requirements
    var link: View
    
    var body: some View {
        VStack {
            Spacer()
            Button(action: {
                self.showModal = true
            }) {
                Text(text)
                    .padding(20)
                    .foregroundColor(Color.white)
            }.sheet(isPresented: self.$showModal) {
                link
            }
            .background(Color.blue)
        }
    }
}

struct ButtonView_Previews: PreviewProvider {
    static var previews: some View {
        ButtonView(text: "TEST", link: FirstView())
    }
}

在这里我尝试使用相同的按钮组件，但带有不同的标签和链接。

import SwiftUI

struct ContentView: View {
    var body: some View {
        HStack {
            ButtonView(text: "first", link: FirstView())
                .padding()
            ButtonView(text: "second", link: SecondView())
                .padding()
        }
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}

传递字符串参数起作用。标签是不同的。但我不能使它与不同的视图的链接工作。我得到一个错误：

协议“View”只能用作泛型约束，因为它具有自身或关联的类型要求