SwiftUI中PokeListView嵌入ContentView不显示且无报错的解决方法

针对你在ContentView中嵌入PokeListView后列表无法显示的问题，以下是具体修复步骤：

1. 移除嵌套的NavigationView #

PokeListView内部的NavigationView会与ContentView的NavigationView产生嵌套冲突，导致布局异常，直接移除PokeListView中的外层NavigationView：

struct PokeListView: View {
    @State var imgURL: String = ""
    @EnvironmentObject var pokeWebService: PokeWebService

    var body: some View {
        // 移除外层NavigationView
        List(pokeWebService.pokeList?.results ?? [], id: \.self) { pokemon in
            NavigationLink(destination: PokeDetailsView(urlString: pokemon.url, counter: 4, name: pokemon.name)) {
                HStack { // 显式添加HStack保证图片与文字横向排列
                    AsyncImage(url: URL(string: "https://play.pokemonshowdown.com/sprites/bw/\(pokemon.name).png")) { image in
                        image.anotherImgModifier()
                    } placeholder: {
                        Image(systemName: "photo.circle.fill")
                            .resizable()
                            .scaledToFit()
                            .frame(width: 75, height: 75)
                    }
                    Text(pokemon.name.uppercased())
                        .font(.system(size: 15, weight: .heavy, design: .rounded))
                        .foregroundColor(.gray)
                }
                .task {
                    do {
                        try await pokeWebService.getPokemonFromPokemonList(from: pokemon.url)
                    } catch {
                        print("---> task error: \(error)")
                    }
                }
            }
        }
        .task {
            do {
                try await pokeWebService.getPokemonList()
            } catch {
                print("---> task error: \(error)")
            }
        }
    }
}

2. 正确传递EnvironmentObject #

在ContentView中，将已创建的pokeWebService实例传递给PokeListView，确保数据能正确共享：

GroupBox(label: Label{
    Text("PokéStuff")
} icon: {
    Image("pokeball").resizable().scaledToFit().frame(width: 30, height: 30, alignment: .leading)
}
         , content: {
    // 添加environmentObject传递数据
    PokeListView()
        .environmentObject(pokeWebService)
}).padding(.horizontal, 20).foregroundColor(.red)

3. 修正List的元素标识符 #

如果你的Pokemon列表模型对象没有id属性，将List的id参数改为\.self（需确保模型遵循Equatable协议），或者在模型中添加唯一标识符字段，避免List无法识别列表元素。

4. 修复不存在的修饰符 #

移除代码中未定义的iconModifer()调用，替换为通用的图片修饰逻辑，避免潜在的编译错误。

5. 保证GroupBox内容可扩展 #

给PokeListView设置最小高度，确保GroupBox不会压缩列表空间：

PokeListView()
    .environmentObject(pokeWebService)
    .frame(minHeight: 300)

完成以上修改后，列表即可正常加载并显示Pokemon数据。

内容的提问来源于stack exchange，提问作者Kxrd