列表以在 swiftUI 中显示来自服务器的数据

Question

我正在从服务器获取数据，我需要像在此站点中显示的那样显示它 SwiftUI - nested list

来自服务器的数据是

  "OptionsListByItemId": [
        {
         "Choices": [
           {
             "ChoiceId": 1284226,
              "ChoiceName": "Hot",
            },
            { 
              "ChoiceId": 1284227,
              "ChoiceName": "Cool",
            }
          ],
          "OptionId": 187472,
          "OptionName": "Temperature"
      },
    
      { 
       "Choices": [
           {
             "ChoiceId": 1284223,
              "ChoiceName": "61%",
            },
            { 
              "ChoiceId": 1284224,
              "ChoiceName": "70%",
            }
          ],
          "OptionId": 187473,
          "OptionName": "Humidity"
 ]
}

我的模型是这样的

struct OptionsandChoices : Decodable , Identifiable{
    
    var id: String{OptionName}
    var OptionName: String!
    var OptionId: Int
    var Choices : [ChoiseList]
    
}

struct OptionsandChoiceList: Decodable{
    
    var OptionsListByItemId:[OptionsandChoices]  
}
struct ChoiseList: Decodable {
    var ChoiceName: String!
    var ChoiceId: Int
}

ViewModel 是

class ItemChoiceViewModel : ObservableObject{
 @Published var OpnChoice: OptionsandChoiceList = OptionsandChoiceList(OptionsListByItemId: [])
 // fetching data from server 
}

我的 swiftUI 视图喜欢

struct ItemView: View {
 var OpnChoice = OptionsandChoiceList(OptionsListByItemId: [])
 @ObservedObject var choicevwModel = ChoiceViewModel()

struct Optionspage: View {
   var body: some View {
   List(choicevwModel.OpnChoice.OptionsListByItemId) {opn in 
       Text(opn.OptionName)
   }
}

我无法在列表中使用 ChoiceName

我怎样才能在 OptionName 下面的每一行中获得choiceName，就像我给出的链接中一样

列表应该显示为

 Temperature 
    Hot 
    Cold 
 
 Humidity
    61%
    70%

目前我排成两排

 Temperature
 Humidity

Answer 1

您正在寻找的物业位于Choices。要获得它的价值，请编写以下内容：

opn.Choices[yourIndex].OptionName

另外，如果你想使用@ObservedObject，请使用OptionsandChoiceList 类而不是struct 并使其符合ObservableObject 协议。最后，在此处声明@Published 属性。

final class OptionsandChoiceList: ObservableObject, Decodable {
    @Published var OptionsListByItemId: OptionsandChoices = []  
}