SwiftUI中Menu未与触发按钮对齐，始终显示在屏幕尾部的修复咨询

问题原因 #

1. 多余容器干扰布局计算：msgTypeListView中外层的VStack无实际布局作用，会打乱Menu触发区域的布局上下文，导致系统无法正确计算Menu的弹出位置。
2. Label过宽引发定位偏差：Menu的label里的HStack添加了Spacer()，让整个label占满所在横向空间，系统会误认为触发区域是整个横向范围，因此将Menu默认弹出到屏幕底部，而非按钮正下方。

修复代码 #

修改后的完整代码如下：

struct SmsReportAllView: View {

    @StateObject private var viewModel = SMSReportStafflistViewModel()
    @State private var selectedSMS: String = "All SMS"

    var body: some View {
        // 移除无意义的ZStack，简化根布局
        VStack {
            VStack {
                HStack {
                    Button  {
                        dismiss()
                    } label: {
                        Image(systemName: "arrow.left")
                            .font(.system(size: 25))
                            .tint(.gray)
                            .padding(.trailing, 6)
                    }
                    
                    msgTypeListView()
                }
                .padding(16)
            }
            .background(Color.hexF4F4FC.ignoresSafeArea())
            
            Spacer()
        }
        .onAppear {
            viewModel.smsTypeList() { status in }
        }
    }

    @ViewBuilder func msgTypeListView() -> some View {
        // 移除外层多余的VStack
        Menu {
            ForEach(viewModel.smsType, id: \.self) { smsType in
                Button(action: {
                    selectedSMS = "\(smsType.subject ?? "N/A")"
                    print(selectedSMS)
                }) {
                    Text(smsType.subject ?? "Unknown")
                }
            }
        } label: {
            HStack {
                Text(selectedSMS)
                    .font(.calibriRegular(with: 18))
                    .foregroundStyle(.green)
                Image("icn_dropdown")
                    .padding()
                // 移除导致Label过宽的Spacer()
            }
        }
        // 可选：通过menuStyle优化弹出位置的精准度
        .menuStyle(.borderlessButton)
    }
}

额外说明 #

• 移除ZStack是因为它在当前布局中没有实际作用，反而会增加布局层级，干扰系统对视图位置的判断。
• .menuStyle(.borderlessButton)可以让Menu的弹出行为更贴合按钮触发区域，进一步保证对齐效果。

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