ios开发: swiftui: 用list展示数组

一,代码

import SwiftUI

struct ContentView: View {
    @State private var message = "加载中..."

    var contentList: [[String: Any]] = [["id":1,"title":"夜宿山寺","author":"李白"],
                       ["id":2,"title":"宿建德江","author":"孟浩然"],
                        ["id":3,"title":"晓出净慈寺送林子方","author":"杨万里"],
                         ["id":4,"title":"望庐山瀑布","author":"李白"],
                      ]
    
         var body: some View {

             VStack {
                  Text(message)

                         List{
                             ForEach(0..<contentList.count, id: \.self) { index in
                                                let item = contentList[index]
                                                
                                                VStack(alignment: .leading, spacing: 5) {
                                                    Text(item["title"] as? String ?? "未知标题")
                                                        .font(.headline)
                                                    Text(item["author"] as? String ?? "未知作者")
                                                        .font(.subheadline)
                                                        .foregroundColor(.gray)
                                                }
                                                .padding(.vertical, 4)
                                            }
                             }

                     }
             
         }

}

#Preview {
    ContentView()
}

 

二,测试效果:

image

posted @ 2026-03-29 16:34  刘宏缔的架构森林  阅读(2)  评论(0)    收藏  举报