SwiftUIで少しカスタマイズしたインディケーターを表示する

2023年12月22日

SwiftUIで少しカスタマイズしたインディケーターを表示する方法です。

ContentView.swift

import SwiftUI

struct ContentView: View {
    @State var showingIndicator = true
    
    var body: some View {
        ZStack {
            VStack {
                Spacer()
                Button {
                    showingIndicator.toggle()
                } label: {
                    Text("Show or Hide Indicator")
                        .foregroundColor(Color.white)
                        .padding()
                        .background(Color.gray)
                        .clipped()
                }
            }
            
            if showingIndicator {
                ProgressView()
                    .progressViewStyle(.circular)
                    .padding(12)
                    .tint(Color.white)
                    .background(Color.gray.opacity(0.6))
                    .cornerRadius(8)
                    .scaleEffect(1.6)
            }
        }
    }
}