如何基于屏幕底部动态高度的Toolbar设置ScrollView内边距？

方案一：通过PreferenceKey动态获取Overlay高度 #

要实现动态匹配Overlay工具栏的高度作为ScrollView内容的底部内边距，确实需要结合GeometryReader和PreferenceKey来传递高度值，具体步骤如下：

1. 定义自定义PreferenceKey，用于传递高度数据：

struct ToolbarHeightKey: PreferenceKey {
    static var defaultValue: CGFloat = 0
    static func reduce(value: inout CGFloat, nextValue: () -> CGFloat) {
        value = nextValue()
    }
}

2. 在Overlay工具栏中，用GeometryReader读取自身高度并传递出去：

.overlay(alignment: .bottom) {
    VStack {
        // 动态工具栏内容
    }
    .padding()
    .background(.thinMaterial)
    .background(
        GeometryReader { proxy in
            Color.clear
                .preference(key: ToolbarHeightKey.self, value: proxy.size.height)
        }
    )
}

3. 在ScrollView内容容器中接收高度值，动态设置底部内边距：
   首先在视图结构体中添加状态变量存储高度：

@State private var toolbarHeight: CGFloat = 0

然后修改ScrollView内容的padding设置：

ScrollView {
    VStack(spacing: 0) {
        // 滚动内容
    }
    .padding(.horizontal)
    .onPreferenceChange(ToolbarHeightKey.self) { height in
        toolbarHeight = height
    }
    .padding(.bottom, toolbarHeight)
}

方案二：使用原生Toolbar（更推荐） #

SwiftUI的原生Toolbar本身支持动态高度，只要内部内容是动态的，Toolbar会自动适配高度，且ScrollView会自动避开Toolbar区域，无需手动处理内边距，代码示例：

NavigationStack { // iOS 16+，iOS <16 用NavigationView
    ScrollView {
        VStack(spacing: 0) {
            // 滚动内容
        }
        .padding(.horizontal)
    }
    .toolbar {
        ToolbarItem(placement: .bottomBar) {
            VStack {
                // 动态工具栏内容
            }
            .padding()
            .background(.thinMaterial)
        }
    }
}

这种方式无需手动处理高度传递，系统会自动完成布局适配，是更简洁的解决方案。

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