SwiftUI下拉菜单尺寸过大如何调整？

直接给Menu添加frame修饰符没用，因为弹出的菜单容器由系统管理，得从内部元素入手调整：

• 给菜单内的按钮统一设置宽度：
  给每个Button加上frame固定宽度，或者用VStack包裹所有按钮并给容器设置尺寸，以此约束弹出框的整体大小。示例代码：

  Menu("Distance") {
      VStack {
          Button("10mile", action: viewModel.placeOrder)
              .frame(width: 120)
          Button("20mile", action: viewModel.adjustOrder)
              .frame(width: 120)
          Button("40mile", action: viewModel.cancelOrder)
              .frame(width: 120)
      }
  }
  .offset(x: 28)
  .foregroundColor(.gray)
  

  这样弹出框会根据内部按钮的宽度自动收缩，不会过度拉伸。

• 自定义Menu样式（iOS 16+）：
  如果需要更精细的控制，iOS16及以上可以通过自定义MenuStyle来调整弹出菜单的外观和尺寸，再用menuStyle修饰符应用：

  struct CompactMenuStyle: MenuStyle {
      func makeBody(configuration: Configuration) -> some View {
          Menu(configuration)
              .menuStyle(.borderlessButton)
              .popoverStyle(.automatic)
              .presentationCompactAdaptation(.popover)
      }
  }
  
  // 使用示例
  Menu("Distance") {
      Button("10mile", action: viewModel.placeOrder)
      Button("20mile", action: viewModel.adjustOrder)
      Button("40mile", action: viewModel.cancelOrder)
  }
  .menuStyle(CompactMenuStyle())
  .offset(x: 28)
  .foregroundColor(.gray)
  

  这种方式能更灵活地控制弹出容器的布局，比如限制最大宽度。

注意：如果按钮文本长度差异较大，统一设置宽度能让弹出框更规整，避免系统根据最长文本自动撑宽。

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