SwiftUI에서 SafeArea 및 TabBar의 크기 가져오기

아름답고 유용한 사용자 경험을 생성하기 위해 SwiftUI를 사용하여 iOS 애플리케이션을 개발할 때 안전 영역 및 탭 막대 크기를 이해하고 효과적으로 활용하는 것이 중요합니다.

안전 영역은 노치 또는 홈 표시기 영역이 있는 장치에서도 콘텐츠가 계속 표시되고 적절하게 정렬되도록 합니다.

반면에 앱의 탭 표시줄은 견고한 탐색 및 콘텐츠 구성을 제공합니다. 이 튜토리얼에서는 SwiftUI의 안전 영역 및 탭 막대 크기를 가져오는 방법을 살펴보고 응답성이 뛰어나고 매력적인 사용자 인터페이스를 구축하는 데 도움을 줍니다.

직접 크기를 확인할 수 있도록 단일 화면 앱을 만들었습니다.

코드는 여기에 있습니다. 간단히 하기 위해 하나의 파일에 필요한 모든 확장을 추가했습니다.

//
//  SafeAreaTabBar+Extension.swift
//  SafeAreTabBar
//
//  Created by Moussa on 11/6/2023.
//

import SwiftUI

extension UITabBarController {
    var height: CGFloat {
        return self.tabBar.frame.size.height
    }
    
    var width: CGFloat {
        return self.tabBar.frame.size.width
    }
}


extension UIApplication {
    var keyWindow: UIWindow? {
        connectedScenes
            .compactMap {
                $0 as? UIWindowScene
            }
            .flatMap {
                $0.windows
            }