SwiftUI如何实现带固定初始尺寸的响应式搜索栏（支持Dynamic Type）

要兼顾固定初始高度和Dynamic Type适配，核心是让搜索栏的高度以43为最小值，同时能随内部动态字体的高度自动扩展，具体修改方案如下：

修改后的代码 #

struct SearchBar: View {
    @Binding var searchText: String

    var body: some View {
        RoundedRectangle(cornerRadius: 8)
            .foregroundStyle(.white)
            .frame(minHeight: 43) // 锁定最小高度为43，内容需要更高时自动拉伸
            .overlay{
                HStack(spacing: 12) {
                    Image(systemName: "magnifyingglass")
                        .foregroundStyle(.secondary)
                        .padding(.leading, 12)
                    
                    // 分隔线自适应容器高度，不再用固定值
                    Rectangle()
                        .frame(width: 1)
                        .foregroundStyle(.secondary.opacity(0.3))
                        .padding(.vertical, 8)
                    
                    TextField("搜索...", text: $searchText)
                        .font(.body) // 使用系统动态字体，随Dynamic Type自动缩放
                        .padding(.trailing, 12)
                    
                    Spacer()
                }
            }
            .shadow(radius: 6)
    }
}

关键实现细节 #

• 最小高度锁定：用frame(minHeight: 43)确保默认状态下搜索栏高度为43，当用户开启大字号时，内部TextField的高度会随字体放大，整个搜索栏会自动扩展高度来容纳内容。
• 动态字体适配：给TextField设置.font(.body)（或其他系统动态字体，比如.subheadline），系统会根据用户的文字大小偏好自动调整字号，TextField的高度会同步变化，带动整个搜索栏高度适配。
• 自适应分隔线：去掉原代码中固定的23高度，改用垂直padding控制分隔线的上下留白，让分隔线高度随容器高度自动变化，保持视觉比例一致。
• 规整布局：统一HStack的间距和各元素的padding，避免内容贴边，提升不同字号下的视觉体验。

如果需要自定义字体也支持动态缩放，可以用Font.custom("你的字体名", size: 16, relativeTo: .body)，这样自定义字体也会跟随Dynamic Type调整大小。

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