SwiftUI Menu自定义布局异常：如何实现指定顺序的菜单项？

你遇到的问题是因为SwiftUI的Menu组件会为内部的Button自动应用默认的MenuItemButtonStyle，这个样式会识别并重新排列内容中的Image和Text元素，导致你自定义的HStack布局被系统覆盖，顺序错乱。

解决方法很简单，给Button添加.buttonStyle(PlainButtonStyle())，禁用系统默认的菜单按钮样式，这样就能完全按照你定义的HStack顺序渲染元素：

Menu {
    ForEach(items) { item in
        Button(action: {
            // Action for button
        }) {
            HStack {
                Image(systemName: item.iconName)
                Text(item.title)
                Spacer()
                Circle()
                    .fill(item.color)
                    .frame(width: 20, height: 20)
            }
        }
        .buttonStyle(PlainButtonStyle()) // 添加这行禁用系统默认样式
    }
} label: {
    Label("Options", systemImage: "ellipsis")
}

如果需要保留菜单按钮的点击高亮反馈，也可以替换成.buttonStyle(BorderlessButtonStyle())，同样能避免系统重排布局。

另外可以额外验证下items数组中的iconName字段是否正确，确保Image能正常加载，避免因图标缺失导致的布局错位。

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