SwiftUI) placeholder 사용 예제

import SwiftUI
 
struct ContentView: View {
    
    @State private var myString = "hello world"
    @State private var showPlaceHolder = false
    
    var body: some View {
        VStack{
            VStack{
            Image(systemName: "person")
                .resizable()
                .frame(width: 100, height: 100)
                .clipShape(Circle())
                .overlay(Circle().stroke())
            Text(myString).padding()
            }
            .redacted(reason: showPlaceHolder ? .placeholder : .init())
            
            Button("click me"){
                showPlaceHolder.toggle()
            }
        }
    }
}
 
struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}
 

- redacted가 Bool변수 showPlaceHolder의 상태에 따라 placeholder를 띄우고 말고를 정함.

- Button은 Bool변수 showPlaceHolder의 상태 조작에 사용됨.(toggle())

- Image와 Button을 포함하는 VStack에게 redacted가 적용되었기 때문에 둘은 동시에 placeholder를 띄우게됨.

- .clipShape가 Image의 frame을 둥글게 잘라줌.

- .overlay(Circle().stroke())가 둥글게 잘린 Image의 틀을 둥근 선으로 감쌈.

 

showPlaceHolder = false

showPlaceHolder = true