반응형
GeometryReader를 이용해 Status Bar, Safe Area, Bottom Area 영역 지정 후 색상 변경
struct ContentView: View {
var body: some View {
GeometryReader { geometry in
VStack(spacing: 0) {
// Status Bar
Color.gray
.frame(height: geometry.safeAreaInsets.top)
// Safe Area
VStack {
}
.frame(width: geometry.size.width, height: geometry.size.height)
.background(Color.orange)
// Bottom Area
Color.yellow
.frame(height: geometry.safeAreaInsets.bottom)
}
.edgesIgnoringSafeArea(.all)
}
}
}
반응형
'개발 > SWIFT 아이폰' 카테고리의 다른 글
SwiftUI gradient 그라데이션 배경 설정 (0) | 2023.07.20 |
---|---|
SwiftUI 바텀 네비게이션 TabView 만들기 (0) | 2023.07.20 |
SwiftUI NavigationLink를 사용하여 데이터 전송 (0) | 2023.07.19 |
SwiftUI NavigationLink를 사용하여 뷰 전환 (0) | 2023.07.19 |
SwiftUI 네이버 지도 호출 및 경로 안내 (0) | 2023.07.18 |