SwiftUI Menu动态切换标题时布局异常、文本被截断问题求解

问题属性判定 #

这是Xcode 12.5.1对应iOS 14 SDK版本中SwiftUI Menu 组件的已知布局bug：Menu 的自定义Label在状态变量驱动内容更新时，不会主动触发自身尺寸重计算，仅会在首次渲染、用户点击唤起菜单时重新测量内容宽度，因此会出现切换长文本后异常截断、唤起菜单后自动恢复正常的表现。

可用修复方案 #

以下三种方案均经过验证可解决该问题，可根据业务场景选择：

• 方案1：给Menu组件绑定与文本长度关联的id，状态变更时强制重绘整个Menu，兼容性最高：

struct ContentView: View {
    @State private var textIsLong = false

    var body: some View {
        VStack {
            Menu {
                Text("Menu Item")
            } label: {
                Text(textIsLong ? "Much Longer Text" : "Short Text")
            }
            .font(.system(size: 30))
            .foregroundColor(Color(UIColor.label))
            .lineLimit(1)
            .id(textIsLong) // 新增绑定行，状态变化时强制重绘Menu

            Button("Toggle Title", action: { textIsLong.toggle()})
        }
    }
}

• 方案2：给Label内的Text添加横向自适应修饰符，强制文本宽度始终跟随内容更新，不需要额外触发重绘：

Menu {
    Text("Menu Item")
} label: {
    Text(textIsLong ? "Much Longer Text" : "Short Text")
        .fixedSize(horizontal: true, vertical: false) // 新增自适应行
}
.font(.system(size: 30))
.foregroundColor(Color(UIColor.label))
.lineLimit(1)

• 方案3：如果业务允许文本折行，直接移除.lineLimit(1)修饰符即可规避截断问题。

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