SwiftUI 禁用拖动功能

Question

我有一个简单的视图，其中包含一组允许拖动功能取决于条件的按钮。 我如何根据条件禁用.onDrag？ .disabled只禁用点击功能。

    ScrollView
    {
        ForEach(animals, id: \.id)
        {
            animal in
            Button(action:{})
            {
               Text(animal.name)
            }
                .disabled(!animal.isEnable)
                .onDrag
                {
                    let provider = NSItemProvider(object: animal.name as NSString )
                    provider.suggestedName = animal.name
                    return provider
                }
          }
    }

Answer 1

这是一个带有辅助修饰符的解决方案。 使用 Xcode 11.4 进行测试。

// @available(iOS 13.4, *) - needed for iOS
struct Draggable: ViewModifier {
    let condition: Bool
    let data: () -> NSItemProvider

    @ViewBuilder
    func body(content: Content) -> some View {
        if condition {
            content.onDrag(data)
        } else {
            content
        }
    }
}

// @available(iOS 13.4, *) - needed for iOS
extension View {
    public func drag(if condition: Bool, data: @escaping () -> NSItemProvider) -> some View {
        self.modifier(Draggable(condition: condition, data: data))
    }
}

并更新您的代码将是

ForEach(animals, id: \.id)
{
    animal in
    Button(action:{})
    {
        Text(animal.name)
    }
    .disabled(!animal.isEnable)
    .drag(if: animal.isEnable) {     // << here !!
        let provider = NSItemProvider(object: animal.name as NSString )
        provider.suggestedName = animal.name
        return provider
    }
}

Answer 2

.disable 会终止与视图的交互，因此不会拖动，所以它可以满足您的需要

你可以查看文档

控制用户是否可以与该视图交互的视图。 https://developer.apple.com/documentation/swiftui/list/disabled(_:)

我认为这里可能有一个小错误，最好确保正确发送了 isEnable 参数。

.disabled(!animal.isEnable)