Как чередовать строки с помощью SwiftUI? - PullRequest
Новая
       23

Как чередовать строки с помощью SwiftUI?

1 голос
/ 08 октября 2019

Поскольку я немного возился с SwiftUI, мне интересно, как получить горизонтальный ScrollView с двумя чередующимися строками.

При использовании моего примера я получаю следующее сообщение:

Компилятор не может проверить это выражение в разумные сроки;попробуйте разбить выражение на отдельные подвыражения 

import SwiftUI

struct LabelFilter: View {
    var allLabels = ["one", "two", "three", "four", "five", "six", "seven"]

    var body: some View {
        ScrollView(.horizontal, showsIndicators: false) {
            VStack {
                HStack {
                    ForEach(allLabels.indices) { index in
                        if (index % 2 == 0) {
                            LabelButton(label: self.allLabels[index]) { }
                        }
                    }
                }.padding()
                HStack {
                    ForEach(allLabels.indices) { index in
                        if (index % 2 == 1) {
                            LabelButton(label: self.allLabels[index]) { }
                        }
                    }
                }.padding()
            }
        }
    }
}

Почему это происходит, как это исправить и есть ли лучшее решение для него?

1 Ответ

1 голос
/ 08 октября 2019

Этот код компилируется: 

struct LabelFilter: View {
    var allLabels = ["one", "two", "three", "four", "five", "six", "seven"]

    var evenLabels: [String] {
        stride(from: 0, to: allLabels.count, by: 2).map { allLabels[$0] }
    }

    var oddLabels: [String] {
        stride(from: 1, to: allLabels.count, by: 2).map { allLabels[$0] }
    }

    var body: some View {
        ScrollView(.horizontal, showsIndicators: false) {
            VStack {
                HStack {
                    ForEach(oddLabels, id: \.self) { label in
                        Text(label)
                    }
                }.padding()
                HStack {
                    ForEach(evenLabels, id: \.self) { label in
                        Text(label)
                    }
                }.padding()
            }
        }
    }
}
...