Как расширить параметры выбора SwiftUI нажатием внешней кнопки?

Я использую SwiftUI Сборщик (MenuPickerStyle()). Параметры в средстве выбора идеально расширяются, как показано на изображениях ниже.

Код :

import SwiftUI

struct TestView: View {
    
    var months = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"]
    @State private var selectedMonth = ""
    
    var body: some View {
        
        Picker(selectedMonth, selection: $selectedMonth) {
            ForEach(months, id: \.self) {
                Text($0)
                   
            }
            
        }
        .frame(maxWidth: .infinity, alignment: .top)
        .pickerStyle(MenuPickerStyle())
        .foregroundColor(Color.black)
        .font(.custom("poppins_regular", size: 15))
    }
}

struct TestView_Previews: PreviewProvider {
    static var previews: some View {
        TestView()
    }
}

Но это работает только тогда, когда я нажимаю на Сборщик.

Могу ли я просто расширить его снаружи? (3-й скриншот)

Пример: Могу ли я развернуть его одним нажатием кнопки?

        Button("Click to expand picker options"){
            // Can I expand picker option by this Button click?
            
        }
        
        Picker(selectedMonth, selection: $selectedMonth) {
            ForEach(months, id: \.self) {
                Text($0)
                   
            }
            
        }
        .frame(maxWidth: .infinity, alignment: .top)
        .pickerStyle(MenuPickerStyle())
        .foregroundColor(Color.black)
        .font(.custom("poppins_regular", size: 15))
    }

ios swift xcode swiftui

16.05.2022 09:35

Стоит ли изучать PHP в 2026-2027 годах?

Привет всем, сегодня я хочу высказать свои соображения по поводу вопроса, который я уже много раз получал в своем сообществе: "Стоит ли изучать PHP в...

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Приемы CSS-макетирования - floats и Flexbox

Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...

Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest

В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Пользовательский скаляр GraphQL

Листовые узлы системы типов GraphQL называются скалярами. Достигнув скалярного типа, невозможно спуститься дальше по иерархии типов. Скалярный тип...

Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Скорее всего, невозможно использовать собственный сборщик.

Однако, если функциональность стандартных элементов управления ограничена или не работает должным образом, создайте новый и настройте его по своему усмотрению :)

struct MyPicker : View {

@Namespace var namespace

@Binding var values : [String]
@Binding var selected : String
@Binding var isExpanded : Bool

var body: some View {
    if isExpanded {
        List(values, id: \.self) { value in
            
            Text("\(value)")
                .foregroundColor(Color.black)
                .contentShape(Rectangle())
                .onTapGesture {
                    withAnimation {
                        selected = value
                        isExpanded.toggle()
                    }
                }
                
                .listRowBackground(selected == value ? Color.green.opacity(0.3) : Color.white)

            
        }.matchedGeometryEffect(id: "menu", in: namespace)
    } else {
        Text("\(selected != "" ? selected : values.first!)").padding()
            .frame(maxWidth: .infinity, alignment: .leading)
            
            .background(Rectangle().foregroundColor(.green.opacity(0.3)).cornerRadius(5))
            .matchedGeometryEffect(id: "menu", in: namespace)
            .foregroundColor(Color.black)
            .padding()

    }
        
}
}

прикрепите его туда, где вам это нужно, и настройте его по мере необходимости.

struct PickerView: View {

@State var months = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"]
@State private var selectedMonth = "January"
@State var expanded : Bool = false

var body: some View {
    
    VStack {
        
        MyPicker(values: $months, selected: $selectedMonth, isExpanded: $expanded)
        .frame(maxWidth: .infinity, alignment: .top)
        .foregroundColor(Color.black)

        
        Button("Click to \(expanded ? "collapse" : "expand") picker options"){
            // Can I expand picker option by this Button click?
            withAnimation {
                expanded.toggle()
            }
        }.padding()

    }
    
}
}

Это отличное решение, чувак! Большое спасибо!

— 17.05.2022 09:30

16.05.2022 11:57