如何在macOS上实现SwiftUI Menu文本右对齐？

你的代码在iOS上能正常实现Menu选项文本右对齐，但macOS上无效，这是因为macOS的Menu默认布局逻辑和iOS存在差异，直接设置Text的对齐会被系统样式覆盖。下面是两种可行的解决方式：

方法一：强制文本占满宽度并右对齐 #

给Button内部的Text添加frame(maxWidth: .infinity, alignment: .trailing)，强制文本占据菜单选项的全部可用宽度并靠右对齐，这个方法能同时兼容iOS和macOS：

修改后的完整代码：

struct TestMenuTextAlignmentView: View {
    let testArray = [TestItem(itemValue: 1), TestItem(itemValue: 2), TestItem(itemValue: 3), TestItem(itemValue: 4)]
    @State private var selectedItem: TestItem? = nil
    
    var body: some View {
        VStack {
            HStack {
                Text("Name")
                Spacer()
                Menu {
                    ForEach(testArray, id: \.self) { item in
                        Button(action: {
                            print("Should select item = \(item)")
                        }) {
                            Text(item.itemString)
                                .frame(maxWidth: .infinity, alignment: .trailing) // 核心修改
                        }
                    }
                } label: {
                    Text("my test")
                }
                .menuStyle(.borderlessButton)
            }
        }
        .padding()
    }
}

struct TestItem: Identifiable, Hashable {
    let id = UUID()
    let itemValue: Int
    
    var itemString: String {
        "test \(itemValue)"
    }
}

方法二：自定义Menu样式（进阶控制） #

如果需要更彻底的菜单布局控制，可以自定义MenuStyle，完全接管菜单的渲染逻辑：

struct RightAlignedMenuStyle: MenuStyle {
    func makeBody(configuration: Configuration) -> some View {
        Menu(configuration)
            .menuStyle(.borderlessButton)
    }
}

// 使用时替换原menuStyle调用
.menuStyle(RightAlignedMenuStyle())

不过多数情况下方法一已经足够解决问题，它直接作用于选项文本，简单高效。

修改后，macOS上的Menu选项文本会和iOS保持一致的右对齐效果。

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