[SwiftUI] View 의 Size 구하기

SwiftUI 의 경우 기본 Sheet, FullScreenCover를 제공한다. 하지만 이 경우는 Sheet 의 크기가 정해져 있다.

하지만 일을 하며 디자이너가 Content 의 사이즈에 맞는 Sheet 를 원했다. 그를 위해 안에 들어가는 Content 의 사이즈를 확인하여 동적으로 Sheet의 크기를 결정할 수 있는 CustomSheet 를 만들어야 겠다고 생각했다.

이 때 필요한 것은 CustomSheet 내부 Content 의 사이즈를 알 필요가 있었다.

그것을 위해 이전 SwiftUI Scroll value를 확인할 때 사용했던 PreferenceKey 를 사용하기로 했다.

struct CalculateSize: PreferenceKey {
    static var defaultValue: CGSize = .zero
    static func reduce(value: inout CGSize, nextValue: () -> CGSize) {}
}

먼저 Size 를 사용할 수 있는 PreferenceKey 를 정의한다. 이제 이를 활용하여 View의 extension 으로 저 PreferenceKey 를 사용할 함수를 정의한다.

extension View {
    @ViewBuilder
    func getViewSize(_ perform: @escaping (CGSize) -> Void) -> some View {
        self
            .background {
                GeometryReader { reader in
                    Color.clear
                        .preference(key: CalculateSize.self, value: reader.size)
                }
            }
            .onPreferenceChange(CalculateSize.self, perform: perform)
    }
}

이 과정은 View의 Background 를 활용하여 View의 사이즈에 맞게 백그라운드가 조절이 되며 preferene key 값에 의해 defaultValue 가 변하게 된다. 그 값의 변화를 확인해서 perform 이 불릴 수 있도록 escaping 함수를 사용해서 변화된 값을 받아 사용할 수 있게 만든다.

이걸 View에 적용하게 되면

struct CalculateSizeView: View {
    
    let text: String = "abcd\nㄱㄴㄷㄹ"
    
    var body: some View {
        Text(text)
            .getViewSize({ size in
                print("\(text) text view size: \(size)")
            })
    }
}

여기서 text 의 값의 변화를 주면 text 값 변화에 따른 view size 를 확인할 수 있게된다.