[SUI] LabeledContent

Source: Dev.to

基本用法

struct ContentView: View {
    @State private var selection: Int = 1
    @State private var stepperValue = 1

    var body: some View {
        NavigationView {
            Form {
                LabeledContent("Etiqueta visible") {
                    HStack {
                        Text("Tengo: \(stepperValue)")
                        Stepper("Etiqueta oculta", value: $stepperValue, in: 0...10)
                            .labelsHidden()
                    }
                }
                Picker("Selected Value", selection: $selection) {
                    Text("Option 1").tag(1)
                    Text("Option 2").tag(2)
                }
            }
        }
    }
}

带自定义视图的标签

struct ContentView: View {
    @State private var selection: Int = 1
    @State private var stepperValue = 1

    var body: some View {
        NavigationView {
            Form {
                LabeledContent {
                    HStack {
                        Text("Tengo: \(stepperValue)")
                        Stepper("Etiqueta oculta", value: $stepperValue, in: 0...10)
                            .labelsHidden()
                    }
                } label: {
                    HStack {
                        Image(systemName: "pencil")
                        Text("Etiqueta visible")
                    }
                    Text("Subtitle")
                }
                Picker("Selected Value", selection: $selection) {
                    Text("Option 1").tag(1)
                    Text("Option 2").tag(2)
                }
            }
        }
    }
}