[SwiftUI] View Lifecycle onAppear(), onDisappear(), Picker와 Views 실습

onAppear와 onDisappear는 SwiftUI에서 뷰의 생명 주기를 관리하는 데 중요한 역할을 하며, 뷰가 화면에 나타나거나 사라질 때 특정 작업을 수행할 수 있도록 돕는다.

 

 

struct SwiftUIView: View {
    @State var isShowing: Bool = false
    var body: some View {
        if isShowing {
            Text("SwiftUI Lifecycle").onAppear(perform: {
                print("On Appear")
            }).onDisappear(perform: {print("On Disappear")
            })
        }
        Toggle(isOn: $isShowing, label: {
            Text("On/Off")
        }).padding()
    }
}
#Preview {
    SwiftUIView()
}

 

 

Picker

@State, $로 연결해주는 것을 잘 활용할 수 있는 연습이다.

 

 

ColorPicker

 

DatePicker

연산 프로퍼티인 DateFormatter를 이용해서 dateFormatter 변수를 만들어준다.

 

지금 제일 위에 변수로 설정되어있는 selectedDate는 @State로 되어있고, 두 가지 종류의 DatePicker를 만들어서 연결을 해줄것이다.

하나는 그냥 배치를 해주고, 또하나는 리스트 안에다가 넣어줄 것이다.

 

 

지금 addingTimeInterval에서 7일만 선택했으므로, 오늘자로부터 일주일간만 선택할 수 있는 것을 확인할 수 있다.

 

GaugeView

 

 

DisclosureGroup View

 

 

Form View