Индикатор активности в SwiftUI

Попытка добавить полноэкранный индикатор активности в SwiftUI.

Я могу использовать .overlay(overlay: ) в протоколе View.

Благодаря этому я могу наложить любое представление, но не могу найти UIActivityIndicatorView в стиле iOS по умолчанию, аналогичное SwiftUI.

Как я могу сделать SwiftUI стиля по умолчанию с SwiftUI?

ПРИМЕЧАНИЕ. Речь идет не о добавлении индикатора активности в инфраструктуру UIKit.

Ответы

Ответ 1

Многие виды еще не представлены в SwiftUI, но их легко перенести в систему. Вам нужно обернуть UIActivityIndicator и сделать его UIViewRepresentable.

(Подробнее об этом можно прочитать в превосходном выступлении на WWDC 2019 - Интеграция SwiftUI)

struct ActivityIndicator: UIViewRepresentable {

    @Binding var isAnimating: Bool
    let style: UIActivityIndicatorView.Style

    func makeUIView(context: UIViewRepresentableContext<ActivityIndicator>) -> UIActivityIndicatorView {
        return UIActivityIndicatorView(style: style)
    }

    func updateUIView(_ uiView: UIActivityIndicatorView, context: UIViewRepresentableContext<ActivityIndicator>) {
        isAnimating ? uiView.startAnimating() : uiView.stopAnimating()
    }
}

Затем вы можете использовать его следующим образом - вот пример загрузочного оверлея.

Примечание. Я предпочитаю использовать ZStack, а не overlay(:_), поэтому я точно знаю, что происходит в моей реализации.

struct LoadingView<Content>: View where Content: View {

    @Binding var isShowing: Bool
    var content: () -> Content

    var body: some View {
        GeometryReader { geometry in
            ZStack(alignment: .center) {

                self.content()
                    .disabled(self.isShowing)
                    .blur(radius: self.isShowing ? 3 : 0)

                VStack {
                    Text("Loading...")
                    ActivityIndicator(isAnimating: .constant(true), style: .large)
                }
                .frame(width: geometry.size.width / 2,
                       height: geometry.size.height / 5)
                .background(Color.secondary.colorInvert())
                .foregroundColor(Color.primary)
                .cornerRadius(20)
                .opacity(self.isShowing ? 1 : 0)

            }
        }
    }

}

Чтобы проверить это, вы можете использовать этот пример кода:

struct ContentView: View {

    var body: some View {
        LoadingView(isShowing: .constant(true)) {
            NavigationView {
                List(["1", "2", "3", "4", "5"], id: \.self) { row in
                    Text(row)
                }.navigationBarTitle(Text("A List"), displayMode: .large)
            }
        }
    }

}

Результат:

enter image description here

Проверено на Xcode 11 GM