SwiftUI：键盘弹出时Menu的Frame改变，如何保持其正确尺寸？

这个问题源于键盘弹出时HStack的布局会重新计算，Menu默认会根据可用空间调整自身尺寸，而垂直轴的TextField布局逻辑不同，因此能保持原有尺寸。可以通过以下两种方式解决：

方法一：使用fixedSize固定尺寸 #

给Menu添加.fixedSize()修饰符，让它始终保持内容所需的固有尺寸，不会随父布局调整而改变：

struct ContentView: View {
    @State var question = ""        
    var body: some View {
        Spacer()
        HStack {
            Menu("Options") {
                Button("Order Now") {}
                Button("Adjust Order") {}
                Button("Cancel") {}
            }
            .background(.red)
            .fixedSize() // 固定Menu的尺寸
            
            TextField("placeholder", text: $question, axis: .vertical)
                .background(.blue)
        }
        .padding()
    }
}

这种方法简单直接，适合Menu内容固定的场景，能确保Menu始终和初始状态的尺寸一致。

方法二：绑定初始宽度设置最小尺寸 #

如果需要更灵活的控制（比如Menu内容可能动态变化），可以先读取Menu的初始宽度，再将其设为最小宽度约束：

struct ContentView: View {
    @State var question = ""
    @State private var menuMinWidth: CGFloat?
    
    var body: some View {
        Spacer()
        HStack {
            Menu("Options") {
                Button("Order Now") {}
                Button("Adjust Order") {}
                Button("Cancel") {}
            }
            .background(.red)
            .background(
                // 读取Menu初始显示时的宽度
                GeometryReader { geo in
                    Color.clear
                        .onAppear {
                            menuMinWidth = geo.size.width
                        }
                }
            )
            .frame(minWidth: menuMinWidth) // 限制最小宽度为初始宽度
            
            TextField("placeholder", text: $question, axis: .vertical)
                .background(.blue)
        }
        .padding()
    }
}

通过GeometryReader获取Menu首次渲染时的宽度，再用.frame(minWidth:)约束，这样即使布局环境变化，Menu也不会缩小到初始宽度以下，保持尺寸稳定。

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