Início / coding / Perguntas / 79434248
Accepted
cesarcarlos
Asked: 2025-02-13 03:34:41 +0800 CST

Navegação no botão SwiftUI para tvOS desabilita animação

  • 772

Estou trabalhando na criação de um aplicativo tvOS em SwiftUI pela primeira vez. Sou bem novo nisso.

Tenho uma fileira de botões, que funciona corretamente. Sempre que mudo o foco, o item em foco aumenta de tamanho.

var body: some View {
    NavigationView {
                ScrollView(.horizontal) {
                    LazyHStack(spacing: 50) {
                        ForEach(sections[0].items) { item in
                            Button {} label: {
                                Image(systemName: "photo")
                                    .resizable()
                                    .frame(width: 300, height: 170)
                                Text(item.title)
                            }
                            .buttonStyle(.borderless)
                            
                        }
                    }
                }
                .scrollClipDisabled()
                .buttonStyle(.borderless)
            }

}

Entretanto, se eu tentar adicionar um link de navegação como este:

NavigationLink(destination: VideoDetailView(mediaItem: item)) {
                                        Button...
                                    }

a animação em foco é perdida.

O que estou fazendo errado? Como posso manter a animação de foco do Botão e fazê-lo me levar para uma nova tela?

swiftui

1 respostas

  1. Best Answer

    A NavigationLinké um tipo de botão, você não precisa usá-lo para envolver um Button. O modificador .buttonStylepode ser aplicado a um NavigationLinktambém.

    Além disso, NavigationViewestá obsoleto; considere usá-lo NavigationStackem vez dele.

    NavigationStack {
    ScrollView(.horizontal) {
        LazyHStack(spacing: 50) {
            ForEach(sections[0].items) { item in
                NavigationLink {
                    VideoDetailView(mediaItem: item)
                } label: {
                    Image(systemName: "photo")
                        .resizable()
                        .frame(width: 300, height: 170)
                    Text(item.title)
                }
                .buttonStyle(.borderless)
            }
        }
    }
    .scrollClipDisabled()
}
    • 0

relate perguntas