Блог

Не удается щелкнуть по изображению, средство выбора открывает страницу выбора, но не на изображении с утоплением, как показано на рисунке.

Я тоже попытался поместить кнопку на место изображения, но не смог ее найти. Ниже приведены значения перечисления:

 enum ProfileRelationshipSignUp: String {
        case NONE = "Choose"
        case FATHER = "Father"
        case MOTHER = "Mother"
        case GUARDIAN = "Guardian"
        case RELATIVE = "Relative"
        case CHILD = "Child"
        case SIBLING = "Sibling"
        case COLLEAGUE = "Colleague"
        case SPOUSE = "Spouse"
    }
    
 

Это представление, в котором создается средство выбора и изображение

представление структуры отношений: Представление {

     @State var selectedRelationship: ProfileRelationshipSignUp = .NONE

    var body: some View {
        
        VStack {
            HStack {
                Picker(selection: $selectedRelationship, label: HStack(alignment: .top, spacing: 5) {
                    Text(microAppViewModel.users[indexValue].relationshipLabel)
                        .foregroundColor(.gray)
                        .font(Font.custom("Lato-Regular", size: valueSize))
                }, content: {
                    Text("Choose").tag(ProfileRelationshipSignUp.NONE)
                    Text("Mother").tag(ProfileRelationshipSignUp.MOTHER)
                    Text("Father").tag(ProfileRelationshipSignUp.FATHER)
                    Text("Guardian").tag(ProfileRelationshipSignUp.GUARDIAN)
                    Text("Relative").tag(ProfileRelationshipSignUp.RELATIVE)
                    Text("Child").tag(ProfileRelationshipSignUp.CHILD)
                    Text("Sibling").tag(ProfileRelationshipSignUp.SIBLING)
                    Text("Colleague").tag(ProfileRelationshipSignUp.COLLEAGUE)
                    Text("Spouse").tag(ProfileRelationshipSignUp.SPOUSE)
                })
                    .onChange(of: selectedRelationship, perform: { value in
                        switch(value) {
                        case .NONE: microAppViewModel.users[indexValue].relationshipLabel = "Choose"
                        case .FATHER: microAppViewModel.users[indexValue].relationshipLabel = "Father"
                        case .MOTHER: microAppViewModel.users[indexValue].relationshipLabel = "Mother"
                        case .GUARDIAN: microAppViewModel.users[indexValue].relationshipLabel = "Guardian"
                        case .RELATIVE: microAppViewModel.users[indexValue].relationshipLabel = "Relative"
                        case .CHILD: microAppViewModel.users[indexValue].relationshipLabel = "Child"
                        case .SIBLING: microAppViewModel.users[indexValue].relationshipLabel = "Sibling"
                        case .COLLEAGUE: microAppViewModel.users[indexValue].relationshipLabel = "Colleague"
                        case .SPOUSE: microAppViewModel.users[indexValue].relationshipLabel = "Spouse"
                        }
                    }).onAppear(perform: {
                        selectedRelationship = ProfileRelationshipSignUp(rawValue: microAppViewModel.users[indexValue].relationshipLabel) ?? .NONE
                    })
                    .pickerStyle(MenuPickerStyle())
                    .frame(minWidth: 0, maxWidth: .infinity, alignment: .leading)
                
                Image("DropDown")
                    .resizable()
                    .aspectRatio(contentMode: .fit)
                    .frame(width: 12, height: 12, alignment: .center)
                    .padding(.top, 5)
                
            }
            Divider()
                .frame(height: 1.0)
        }
    }
}