Как мне создать несколько переменных в зависимости от количества элементов в списке?

У меня есть список элементов, извлеченных из базы данных Firebase. Мне бы хотелось иметь отдельные счетчики для каждого элемента, но одна переменная не делает этого для меня и добавляет 1 к каждому элементу в списке. Изображение прилагается для показа.

Код у меня есть:

struct DrinksMenuView: View {
    @State var quantityItem: Int = 0
    var body: some View {
        List (menumodel.list) { item in
            VStack{
                HStack{
                    VStack {
                        Text(item.id)
                            .frame(maxWidth: .infinity, alignment: .leading)
                        Text("123 kcal, 330ml")
                            .font(.caption)
                            .foregroundStyle(Color.gray)
                            .frame(maxWidth: .infinity, alignment: .leading)
                        
                    }
                    .frame(maxWidth: .infinity, alignment: .leading)
                    .padding(.vertical)
                    HStack{
                        Button {
                            if quantityItem > 0 {
                                self.quantityItem -= 1
                            }
                            
                        }label: {
                            Image(systemName: "minus.circle")
                                .tint(Color.black)
                        }
                        Text("\(quantityItem)")
                        Button {
                            self.quantityItem += 1
                        }label: {
                            Image(systemName: "plus.circle")
                                .tint(Color.black)
                        }
                    }.frame(maxWidth: .infinity, alignment: .trailing)
                        .padding(.all)
                }
            }
        }
        
        .listStyle(GroupedListStyle())
        .buttonStyle(BorderlessButtonStyle())
        
        
    }
}
#Preview {
    DrinksMenuView()
}

swift swiftui

01.05.2024 10:30

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

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

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

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

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

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

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

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

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

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

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

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

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

Ответы 2

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

вам нужно использовать словарь для подсчета элементов в каждом списке

@State private var quantities: [String: Int] = [:]

Измените кнопки следующим образом:

HStack {
    Button {
        decrementQuantity(for: item.id)
    } label: {
        Image(systemName: "minus.circle")
            .tint(Color.black)
    }
    Text("\(quantities[item.id, default: 0])")
    Button {
        incrementQuantity(for: item.id)
    } label: {
        Image(systemName: "plus.circle")
            .tint(Color.black)
    }
}
.frame(maxWidth: .infinity, alignment: .trailing)
.padding(.all)

затем используйте это:

private func incrementQuantity(for id: String) {
    quantities[id, default: 0] += 1
}

private func decrementQuantity(for id: String) {
    if let currentCount = quantities[id], currentCount > 0 {
        quantities[id]! -= 1
    }
}

01.05.2024 10:49

Вам нужно создать представление ListRow, содержащее переменную для каждого элемента.

Например:

struct ListRow: View {
    let item: Item
    
    @State private var quantityItem: Int = 0

    var body: some View {

        //...

    }
}

struct DrinksMenuView: View {
    var body: some View {
        List (menumodel.list) { item in
            ListRow(item: item)
        }
    }
}

В качестве альтернативы, как упомянул Хези Зив, если вам нужно использовать эти переменные вне представления ListRow, вы можете использовать массив/словарь, содержащий все переменные.

Нет, состояние останется доступным, даже если вы прокрутите его за пределы экрана.

— 01.05.2024 15:16

01.05.2024 11:15