主页 / coding / 问题 / 79434248
Accepted
cesarcarlos
Asked: 2025-02-13 03:34:41 +0800 CST

tvOS 的 SwiftUI 按钮导航会禁用动画

  • 772

我正在首次使用 SwiftUI 创建 tvOS 应用。我在这方面还很陌生。

我有一排按钮，它们工作正常。每当我改变焦点时，焦点中的项目就会增大。

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)
            }

}

但是，如果我尝试添加如下导航链接：

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

焦点动画丢失。

我做错了什么？如何保持按钮的焦点动画并让它带我进入新屏幕？

swiftui

1 个回答

  1. Best Answer

    ANavigationLink是一种按钮类型，您不需要用它来包裹 a Button。修饰符也.buttonStyle可以应用于 a NavigationLink。

    此外，NavigationView已被弃用，请考虑使用NavigationStack。

    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

相关问题