Swiftui - 列表第一项的不同视图（布局）

Posted 2023-02-24

【中文标题】Swiftui - 列表第一项的不同视图（布局）

【英文标题】：Swift Ui - Different View(Layout) for first item of a List

【发布时间】：2020-04-12 18:03:33

【问题描述】：

我对@9​​87654321@ 比较陌生。我想实现weatherList 的第一项以不同的视图显示。

不幸的是，我在这 2 行 (VStack and at ForEach-Line) 中收到此错误。如果我把if i == 0 收起来，然后只用于所有listitems 的正常布局，就没有错误。

ERROR: Type '()' cannot conform to 'View'; only struct/enum/class types can conform to protocols

这是我的代码：

var body: some View 

    NavigationView 

        VStack  // here first error

            if self.model.error != nil 

                Text(self.model.error!)

            

            ForEach(0..<self.model.weatherList.count, id: \.self)  i in // here second error



                if i == 0 

                    NavigationLink(destination: DetailView(model: self.model.weatherList[i])) 

                        RowView(model: self.model.weatherList[i])

                    

                

                else

                    NavigationLink(destination: DetailView(model: self.model.weatherList[i])) 

                        RowView(model: self.model.weatherList[i])

                    

                

            



        

        .navigationBarTitle(Text("Weather in " + UserSettings.instance.locationSetting))

        .navigationBarItems(trailing:

            Button(action: 

                self.model.reload()

            ) 

                Image(systemName: "arrow.clockwise")

            

            .disabled(model.reloading)

        )

    

不胜感激每一个建议。谢谢。

【参考方案1】：

我还没有尝试过，但是如果你像这样包装 NavigationLink 会怎样：

    if i == 0 
        AnyView(
            NavigationLink(destination: DetailView(model: self.model.weatherList[i])) 
                RowView(model: self.model.weatherList[i])
        )
     else 
        AnyView(
            NavigationLink(destination: DetailView(model: self.model.weatherList[i])) 
                RowView(model: self.model.weatherList[i])
        )
    

【参考方案2】：

在没有其他代码来编译的情况下确定它有点棘手，但我在本地模拟了它，看起来你需要更改的只是：

            ForEach(0..<self.model.weatherList.count, id: \.self)  i in

到

            ForEach(0..<self.model.weatherList.count)  i in // remove the id: argument

说明：

如果您使用范围来遍历您的数组，则不要使用 id: 参数。范围是自动识别的。 ForEach(_:id:content:) 初始化器用于您可能会说的情况

ForEach(self.model.weatherlist, id: \.self)  model in 
    SomeView(model: model)

这适合你吗？

编辑：您给出的示例看起来无论索引是否为 0，它都会做同样的事情。如果您尝试它不起作用，是否有原因：

                ForEach(0..<self.model.weatherList.count)  i in
                NavigationLink(destination: DetailView(model: self.model.weatherList[i])) 
                    RowView(model: self.model.weatherList[i])