SwiftUI：如何创建接收View并返回自定义结果的独立函数？视图尺寸读取函数返回零问题求助

Hey there! Let's tackle your two SwiftUI questions one by one:

1. 如何在SwiftUI中创建接收View并返回自定义结果的函数？ #

SwiftUI的声明式视图系统和异步渲染机制，决定了我们不能像传统同步函数那样直接接收View并返回计算结果（比如尺寸、布局信息）。这类结果只有在视图被添加到视图树并完成布局后才能确定，所以我们需要用闭包回调或者状态绑定来传递结果，最常用的方案是结合PreferenceKey和ViewModifier来实现。

举个实用的例子：我们可以封装一个能读取任意视图尺寸的扩展，通过闭包返回尺寸结果：

// 定义一个PreferenceKey来传递尺寸信息
struct SizePreferenceKey: PreferenceKey {
    static var defaultValue: CGSize = .zero
    static func reduce(value: inout CGSize, nextValue: () -> CGSize) {}
}

// 自定义ViewModifier，负责读取尺寸并通过闭包回调
struct SizeReaderModifier: ViewModifier {
    let onSizeChange: (CGSize) -> Void
    
    func body(content: Content) -> some View {
        content
            .background(
                GeometryReader { geometry in
                    Color.clear
                        .preference(key: SizePreferenceKey.self, value: geometry.size)
                }
            )
            .onPreferenceChange(SizePreferenceKey.self) { newSize in
                onSizeChange(newSize)
            }
    }
}

// 给View添加扩展，方便链式调用
extension View {
    func readSize(onChange: @escaping (CGSize) -> Void) -> some View {
        self.modifier(SizeReaderModifier(onSizeChange: onChange))
    }
}

使用方式如下，在视图布局完成后，闭包会收到最新的尺寸：

struct ContentView: View {
    @State private var textSize: CGSize = .zero
    
    var body: some View {
        Text("Hello, world!")
            .readSize { size in
                textSize = size
                print("Updated text size: \(size)")
            }
    }
}

2. 为什么你的视图尺寸读取函数始终返回零？ #

你的viewSizeReaderFunction有两个核心问题：

1. 同步执行 vs 异步渲染：函数是同步执行的，你在函数里给content添加了background修饰符，但这个content并没有被添加到SwiftUI的视图树中渲染，所以GeometryReader的onAppear永远不会触发，sizeOfView始终是初始的.zero。
2. 执行顺序问题：即使content被渲染，onAppear是在视图出现在屏幕后才会异步执行的，而你的函数会在onAppear触发前就返回初始值，所以永远拿不到正确的尺寸。

修复方案 #

如果你想独立于ContentView获取某个视图的尺寸，正确的做法是让目标视图参与布局（可以隐藏它），然后通过上面的readSize方法获取尺寸。比如：

struct ContentView: View {
    @State private var textSize: CGSize = .zero
    
    var body: some View {
        Color.red
            .onAppear {
                print("Text size when view appears: \(textSize)")
            }
            // 把目标视图放在overlay里，隐藏但仍然参与布局
            .overlay(
                Text("Hello, world!")
                    .hidden()
                    .readSize { size in
                        textSize = size
                    }
            )
    }
}

这样Text会被隐藏，但SwiftUI仍然会计算它的尺寸，readSize的闭包会在布局完成后返回正确的尺寸值。

关键总结 #

• 永远不要试图用同步函数返回SwiftUI视图的布局结果（比如尺寸），这类结果是异步生成的，必须通过回调或状态绑定获取。
• PreferenceKey是SwiftUI中传递视图布局信息的标准方式，结合ViewModifier可以封装出复用性极高的工具。
• 如果需要提前获取某个视图的尺寸，要确保该视图被添加到视图树中（哪怕是隐藏状态），这样SwiftUI才会计算它的布局。

内容的提问来源于stack exchange，提问作者swiftPunk