[SUI] 라벨드 콘텐츠

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)
                }
            }
        }
    }
}