Início / coding / Perguntas / 77934534
Accepted
Z S
Asked: 2024-02-04 11:38:29 +0800 CST

SwiftUI: crie contextMenu compatível com iOS16

  • 772

Quero usar o novo modificador contextMenu com 'visualização', ao mesmo tempo que oferece suporte ao iOS15. Estou tentando criar um ViewModifierpara isso para poder fazer a verificação de disponibilidade lá, mas estou tendo dificuldades para entender a sintaxe dos parâmetros 'genéricos' aqui.

Isso é o que eu estava tentando:

struct CompatiblityContextMenuModifier: ViewModifier {

@ViewBuilder let actionsList: Group<Any>
@ViewBuilder let actionsPreview: any View

func body(content: Content) -> some View {
    if #available(iOS 16.0, *){
        content
            .contextMenu(menuItems: actionsList, preview: actionsPreview)
    } else {
        content
            .contextMenu(menuItems: actionsList)
    }
}

}

Mas o compilador reclama:

Cannot convert value of type 'any View' to expected argument type '() -> P'
Cannot convert value of type 'Group<Any>' to expected argument type '() -> M'
Generic parameter 'M' could not be inferred
Generic parameter 'P' could not be inferred

Eu sei que preciso especificar um 'tipo' diferente para actionsList e actionPreview, mas o que seria exatamente?

Esta é a aparência da chamada de função para contextMenu:

func contextMenu<M, P>(
    @ViewBuilder menuItems: () -> M,
    @ViewBuilder preview: () -> P
) -> some View where M : View, P : View

O que exatamente é "() -> M" e "() -> P"

swift

2 respostas

  1. Best Answer

    O seguinte é o que tenho até agora. Para incorporar Viewcomo argumento ViewModifier, você precisa de uma técnica específica. Este tópico foi útil. Neste caso, você tem que incorporar dois conjuntos de View, que de alguma forma consegui por tentativa e erro.

    struct CompatiblityContextMenuModifier<V, I>: ViewModifier where V: View, I: View {
    let actionsList: () -> V
    let image: () -> I
    func body(content: Content) -> some View {
        if #available(iOS 16.0, *){
            content
                .contextMenu(menuItems: actionsList, preview: image)
        } else {
            content
                .contextMenu(menuItems: actionsList)
        }
    }
}

    A seguir está como eu testo para iOS 16.

    struct ContentView: View {
    var body: some View {
        Text("Hello, World!")
            .modifier(CompatiblityContextMenuModifier(actionsList: {
                Group {
                    Button {
                    } label: {
                        Label("Add to Favorites", systemImage: "heart")
                    }
                    
                    Button {
                    } label: {
                        Label("Show in Maps", systemImage: "mappin")
                    }
                }
            }, image: {
                Image(systemName: "heart.fill")
                    .resizable()
                    .aspectRatio(contentMode: .fit)
                    .frame(width: 256)
                    .foregroundStyle(.red)
            }))
    }
}

    insira a descrição da imagem aqui

    • 1

  2. View e Group que não são diretamente compatíveis com os tipos esperados pelo contextMenu. Além disso, o modificador contextMenu do SwiftUI não aceita um Group como seu parâmetro menuItems. Em vez disso, espera um fechamento que retorne alguma View.

    Para corrigir o problema e criar um ViewModifier genérico, você pode usar o atributo @ViewBuilder para o fechamento de ações e usar um espaço reservado de tipo genérico para a visualização que esteja em conformidade com View. Veja como você pode fazer isso:

    struct CompatibilityContextMenuModifier<Preview: View>: ViewModifier {
let menuItems: () -> AnyView
var preview: (() -> Preview)?

func body(content: Content) -> some View {
    if #available(iOS 16.0, *) {
        content
            .contextMenu {
                menuItems()
            } preview: {
                preview?()
            }
    } else {
        content
            .contextMenu {
                menuItems()
            }
    }
}

    }

    Você pode fornecer um fechamento para os itens de menu e, opcionalmente, para a visualização quando estiver no iOS 16 ou posterior:

    struct ContentView: View {
var body: some View {
    Text("Hello, World!")
        .modifier(CompatibilityContextMenuModifier(menuItems: {
            AnyView(Group {
                Button("Action 1", action: { /* ... */ })
                Button("Action 2", action: { /* ... */ })
            })
        }, preview: {
            Text("Preview")
        }))
}

    }

    Dessa forma, você fornece um encerramento que retorna os itens de menu e, condicionalmente, um encerramento que retorna o conteúdo de visualização. Isso deve ser compilado corretamente e fornecer o comportamento desejado no iOS 15 e no iOS 16.

    • 0

relate perguntas