TabView导致预览崩溃

Question

我目前正试图在我的应用程序中制作一个特色游戏部分。我使用SwiftUI中的TabView来做到这一点，但我遇到了一个预览崩溃的问题。我没有得到任何错误，也无法运行它的生活。下面是导致预览崩溃的视图代码。

import SwiftUI
struct FeaturedGamesView: View {
var numberOfImages: Int
@ObservedObject var featuredGames: GameQuery
@State private var currentIndex: Int = 0

private let timer = Timer.publish(every: 3, on: .main, in: .common).autoconnect()


var body: some View {

VStack(alignment: .leading) {
Text("Featured")
.font(.headline)
.padding(.leading, 15)
.padding(.top, 1)
HStack(alignment: .top, spacing: 0) {
TabView() {
ForEach(featuredGames.games.results) { game in
NavigationLink(destination: NavigationLazyView(GameDetailsView(gameDetailsQuery: GameQuery(gameName: game.slug)))){
GameItem(game: game)
}
}
}
.offset(x: (CGFloat(self.currentIndex) * -185), y: 0)
.animation(.spring())
.onReceive(self.timer) { _ in
self.currentIndex = (self.currentIndex + 1) % 19
}

}
.frame(height: 200)
.tabViewStyle(PageTabViewStyle())
.indexViewStyle(PageIndexViewStyle(backgroundDisplayMode: .always))


}
}
}

struct FeaturedGamesView_Previews: PreviewProvider {
static var previews: some View {
FeaturedGamesView(numberOfImages: 3, featuredGames: GameQuery(gameCategory: GameCategory.featured))
}
}

从我的一些实验，它似乎要么不像我使用的可观察对象来获取数据数组填充tabview。如有任何帮助，我将不胜感激。

更新:我创建了一个更简单的例子，仍然产生错误。在这种情况下，除了所使用的数组是一个可观察对象外，其他都是通用的。切换出在ForEach中使用的数据结构修复它，但我正在寻找理解为什么我的可观察对象在这里不起作用。

import SwiftUI
struct Test: View {
@State private var selection = 0
@ObservedObject var featuredGames: GameQuery

var body: some View {
VStack(alignment: .leading) {
Text("Featured")
.font(.headline)
.padding(.leading, 15)
.padding(.top, 1)
HStack {
TabView() {
ForEach(featuredGames.games.results) { game in
Text("Hi")
}
}.frame(height: 170)
.tabViewStyle(PageTabViewStyle(indexDisplayMode: .automatic))
.indexViewStyle(PageIndexViewStyle(backgroundDisplayMode: .always))

}
}

}
}
struct Test_Previews: PreviewProvider {
static var previews: some View {
Test(featuredGames: GameQuery(gameCategory: GameCategory.featured))
}
}

Answer 1

请看下面的代码。

我固定下面的部分，简单，然后它的工作。

可能有问题。

ForEach(featuredGames.games.results) { game in
NavigationLink(destination: NavigationLazyView(GameDetailsView(gameDetailsQuery: GameQuery(gameName: game.slug)))){
GameItem(game: game)
}
}

工作代码(我自己制作了简单的GameQuery observableObject)

import SwiftUI
struct FeaturedGamesView: View {
var numberOfImages: Int
@ObservedObject var featuredGames: GameQuery
@State private var currentIndex: Int = 0

private let timer = Timer.publish(every: 3, on: .main, in: .common).autoconnect()

var body: some View {

VStack(alignment: .leading) {
Text("Featured")
.font(.headline)
.padding(.leading, 15)
.padding(.top, 1)
HStack(alignment: .top, spacing: 0) {
TabView() {
ForEach(featuredGames.results, id:.self) { game in
NavigationLink(destination: VStack {}){
Text("Hello")
}
}
}
.offset(x: (CGFloat(self.currentIndex) * -185), y: 0)
.animation(.spring())
.onReceive(self.timer) { _ in
self.currentIndex = (self.currentIndex + 1) % 19
}

}
.frame(height: 200)
.tabViewStyle(PageTabViewStyle())

.indexViewStyle(PageIndexViewStyle(backgroundDisplayMode: .always))


}
}
}
final class GameQuery: ObservableObject {
var gameCagetory: Int = 0
var results: [Int] = [1,2,3]
}
struct FeaturedGamesView_Previews: PreviewProvider {
static var previews: some View {
FeaturedGamesView(numberOfImages: 3, featuredGames: GameQuery())
}
}