SwiftUI下拉菜单异常：文本延迟更新且抖动，求原因

问题描述 #

在SwiftUI中实现的下拉菜单存在异常：菜单文本无法即时更新，而是逐步变化，更新后还会出现短暂抖动。

相关代码 #

状态变量 #

@State private var gender = ""
@State private var birthDate = Date.now
@State private var formattedDate = ""
@State private var genderMenuTitle = "Gender"

下拉菜单所在Form #

Form {
    Section(header: Text("Gender")) {
        Menu(genderMenuTitle) {
            Button (action: {
                gender = "F"
                genderMenuTitle = "Female"
                print(gender)
            }, label: {
                Text("Female")
            })
            Button (action: {
                gender = "M"
                genderMenuTitle = "Male"
                print(gender)
            }, label: {
                Text("Male")
            })
            Button (action: {
                gender = "O"
                genderMenuTitle = "Other"
                print(gender)
            }, label: {
                Text("Other")
            })
            Button (action: {
                gender = "?"
                genderMenuTitle = "Rather not say"
                print(gender)
            }, label: {
                Text("Rather not say")
            })
      }
}

异常成因 #

• 冗余状态触发重复刷新：同时维护gender和genderMenuTitle两个关联状态，每次点击按钮会同时更新这两个变量，触发两次连续的视图刷新。两次刷新间隔极短，就造成了文本逐步变化、抖动的视觉异常。
• Form容器的布局放大效应：SwiftUI的Form对内部视图的状态变化会做额外的布局调整，叠加两次连续状态更新的影响，放大了视图刷新时的抖动现象。
• Menu默认动画与刷新动画冲突：Menu自身带有展开/收起的默认动画，当状态更新触发视图刷新时，默认动画和状态更新带来的布局动画相互干扰，进一步加剧了抖动问题。

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