独立开发者

@Bindable var layers: LayerModel = .init(
    index: 0,
    max: 3,
    headers: [
        0: AnyView(ExampleHeader1()),
        1: AnyView(ExampleHeader2()),
        2: AnyView(ExampleHeader3()),
    ],
    contents: [
        0: AnyView(ExampleContent1()),
        1: AnyView(ExampleContent2()),
        2: AnyView(ExampleContent3()),
    ],
    buttons: [
        0: [["Cancel": "xmark.circle"], ["Continue": "checkmark.circle"]],
        1: [["Cancel": "xmark.circle"], ["Continue": "checkmark.circle"]],
        2: [["Cancel": "xmark.circle"], ["Continue": "checkmark.circle"]],
    ]
)

var body: some View {
    Layer {
        layers.getCurrentHeader()
            .id("layer.stack.header.\(layers.index)")

        layers.getCurrentContent()
            .id("layer.stack.content.\(layers.index)")

        HStack {
            if !layers.getCurrentButtons()[0].isEmpty {
                LayerButton(text: Binding.constant(layers.getCurrentButtons()[0].keys.first ?? ""),
                            icon: Binding.constant(layers.getCurrentButtons()[0].values.first ?? ""),
                            background: .orange)
                {
                    layers.previous()
                }
            }
            if !layers.getCurrentButtons()[1].isEmpty {
                LayerButton(text: Binding.constant(layers.getCurrentButtons()[1].keys.first ?? ""),
                            icon: Binding.constant(layers.getCurrentButtons()[1].values.first ?? ""),
                            background: .blue)
                {
                    layers.next()
                }
            }
        }
    }
}