Эффективное отслеживание вида и размеров экрана в SwiftUI при изменении ориентации ⇐ IOS

[Anonymous]

Я работал над проектом SwiftUI, где мне нужно было динамически отслеживать размер определенных представлений и всего экрана устройства. Одной из проблем было обеспечение правильного обновления размера при изменении ориентации устройства без нарушения макета.
Я создал решение многократного использования с использованием GeometryReader и PreferenceKey. Он динамически фиксирует как размер подпредставления, так и размер экрана, и его можно гибко применять в разных представлениях. Ниже представлена ​​реализация.
Буду рад услышать ваши мысли об этом подходе или предложения по дальнейшей оптимизации!

Код: Выделить всё

import Foundation
import SwiftUI

// PreferenceKey to store and update the size value
struct DimensionKey: PreferenceKey {
static let defaultValue: CGSize = .zero

static func reduce(value: inout CGSize, nextValue: () -> CGSize) {
value = nextValue()
}
}

// Extension on View for reusable size tracking modifiers
extension View {
// Modifier for tracking the size of a specific content view
func contentSizePreferenceModifier(size: @escaping (CGSize) -> Void) -> some View {
self
.background(
GeometryReader { proxy in
Color.clear
.preference(key: DimensionKey.self, value: proxy.size)
.onPreferenceChange(DimensionKey.self, perform: size)
}
)
}

// Modifier for tracking the screen size
func screenSizePreferenceModifier(size: @escaping (CGSize) -> Void) -> some View {
ZStack {
GeometryReader { proxy in
Color.yellow.ignoresSafeArea()
.preference(key: DimensionKey.self, value: proxy.size)
.onPreferenceChange(DimensionKey.self, perform: size)
}
self
}
}
}

// The main view to demonstrate the usage of size tracking
struct DataView: View {
@State private var deviceSize: CGSize = .zero
@State private var contentSize: CGSize = .zero

var body: some View {
VStack {
Text("Account Information")
.font(.largeTitle)

Group {
Text("Screen Width: \(deviceSize.width, specifier: "%.2f")")
Text("Screen Height: \(deviceSize.height, specifier: "%.2f")")
.padding(.bottom)
}
.font(.title)

VStack {
Text("Content Width: \(contentSize.width, specifier: "%.2f")")
Text("Content Height: \(contentSize.height, specifier: "%.2f")")
}
.font(.title)
.foregroundStyle(.white)
.background(Color.red)
.contentSizePreferenceModifier { size in
contentSize = size
}
}
.screenSizePreferenceModifier { size in
deviceSize = size
}
}
}

// Preview for SwiftUI
#Preview {
DataView()
}

Причина, по которой я использовал ZStack, заключается в том, что он не влияет на макет представления, к которому применяется модификатор. Это связано с тем, что GeometryReader обычно занимает все доступное пространство, что может нарушить исходный макет. При использовании ZStack модификатор отслеживает только размер, не мешая фактическому просмотру контента.
Есть предложения по улучшению?

Подробнее здесь: https://stackoverflow.com/questions/793 ... on-changes