SwiftUI中Menu嵌套Picker滚动松手跳顶问题排查求助

组件实现代码 #

struct PlainTextPicker<T: Hashable>: View
{
    @Binding var selection: T?
    let defaultString: String?
    var options: [T]
    var toLabel: (T) -> String

    // body
    Menu
    { 
        Picker("Select", selection: $selection)
        {
            if let defaultString = defaultString
            {
                 Text(defaultString).tag(nil as T?)
            }
                
            ForEach(options, id:\.self)
            {   option in
                Text(toLabel(option)).tag(option as T?)
            }
        } label: 
        {
            HStack
            {
                Text(getSelectionText())
            }
        }
    }
}

组件调用示例 #

PlainTextPicker(selection: $selectedStall, 
                options: ItemsInformation.shared.getItems(customer, category: category),
                defaultString: "Please Select Item",
                toLabel: {"\($0.code) \($0.name)"})

问题场景 #

在**SwiftUI / iOS 16.4+**环境下，使用上述代码实现了将Picker嵌套在Menu中的选择器组件。当Picker的可选项区域总尺寸超出屏幕需要滚动时，滚动过程中松手会导致Picker跳回顶部。

已排查过@State、@ObservedObject、@StateObject等可观察变量，且停止所有Timer后问题仍存在，寻求进一步排查方向。

排查方向建议 #

• 检查options数组的稳定性：组件每次重绘时，ItemsInformation.shared.getItems(customer, category: category)是否返回了新的数组实例？即使数组元素内容没变，只要实例是新的，ForEach就会重新生成所有行，导致滚动位置重置。可以把getItems的结果缓存到@State或计算属性中，避免每次都生成新数组。
• 验证getSelectionText()方法：如果这个方法内部依赖了某些可能频繁变化的变量，或者每次调用都返回不同的字符串实例（比如拼接时没做缓存），会导致Menu的label视图频繁重绘，间接触发Picker的状态重置。可以把选中文本缓存到@State属性中，仅在selection或options变化时更新。
• 测试Picker的tag类型一致性：确认tag(nil as T?)和tag(option as T?)的类型完全匹配@Binding var selection: T?。虽然代码里看起来没问题，但某些泛型场景下可能存在隐式类型转换问题，导致Picker的选中状态异常，间接引发滚动跳顶。
• 尝试移除Menu嵌套直接测试Picker：单独使用Picker（不嵌套在Menu里），看是否还存在滚动跳顶问题。如果问题消失，说明是Menu和Picker的组合在iOS 16.4+上存在系统级兼容性bug，可以考虑用UIMenu包装UIKit的Picker来替代，或者升级到更高iOS版本测试。
• 检查组件的父视图重绘：即使当前组件的可观察变量没问题，父视图的重绘也可能导致子组件（PlainTextPicker）被重新初始化。可以给PlainTextPicker添加.id()修饰符固定组件身份，避免父视图重绘时重置组件状态。
• 验证泛型类型T的Hashable实现：如果T的Hashable实现不稳定（比如hashValue随实例变化而变化），ForEach的id:\.self会认为元素发生了变化，导致行视图重新创建，滚动位置丢失。确保T的Hashable实现基于稳定的属性。

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