SwiftUI List 如何顯示dictionary

本文價值與收獲

看完本文后，您將能夠作出下面的界面

Jietu20200507-212108@2x.jpg

看完本文您將掌握的技能

list基礎使用
顯示dictionary

代碼

import SwiftUI


struct ContentView : View {
    let dict: [String: Int] = ["test1": 1, "test2": 2, "test3": 3]
    var body: some View {
        let keys = dict.map{$0.key}
        let values = dict.map {$0.value}
        
        return List {
            ForEach(keys.indices) {index in
                HStack {
                    Text(keys[index])
                    Text("\(values[index])")
                }
            }
        }
    }
}

技術交流

QQ:3365059189
SwiftUI技術交流QQ群:518696470

本文鏈接：https://blog.csdn.net/iCloudEnd/article/details/105981953

智能推薦

SwiftUI List 如何去除列表中左右的 padding 空白

SwiftUI List 如何去除列表中左右的 padding 空白參考問題： How to remove the left and right Padding of a List in SwiftUI? SwiftUI 在使用 List 的時候，默認每個 rowItem 都會有 padding，像這樣，左右都會有一塊 padding 可以這樣去除：我這個頁面中是包了 NavigationVi...

SwiftUI 中級之List顯示遠程Json文件（2020年教程）

SwiftUI 中級之List顯示遠程Json文件（2020年教程）本文的目的是展示一種從遠程JSON文件獲取數據并將其顯示在SwiftUI中的列表上的簡單方法。數據介紹下面是我們json文件的格式預期效果 [email protected] 編碼首先，我們需要為Movie定義模型，在這種情況下，該模型是具有Decodable和Identifiable協議的struc...

SwiftUI中級之List顯示本地Json文件（2020年教程）

SwiftUI中級之List顯示本地Json文件（2020年教程）看看數據 LandmarkData.json 讀取json并轉化為數組定義一個struck存儲數據從json中提取數據顯示數據先定義一下row 定義一下詳細頁拼接成主頁面效果 [email protected] [email protected] 更多SwiftUI教程和代碼關注...

SwiftUI 中級之List顯示Sqlite數據庫內容（2020年教程）

SwiftUI 中級之List顯示Sqlite數據庫內容（2020年教程）數據介紹我們手動創建一個landmark.db 文件，其包含一個landmark表。表內容如下圖 SwiftUI 中級之List顯示Sqlite數據庫內容 csv文件屬性純Swift代碼可以自定義table名稱使用SwiftUI進行顯示使用方法如何加入到你到項目 (1) copy file to your p...

SwiftUI小技巧之List中ForEach如何獲取當前的index(解決if問題)

技巧需求 List是SwiftUI最基礎的控件，ForEach是循環構建界面的實用語句。但是如何獲取到ForEach的Index確實個難題。另外ForEach中if語句也經常報錯誤。看完本文您將掌握的技能 List中使用ForEach 兩種方式獲得ForEach中的序號解決ForEach中if語句報錯問題 Type '()' cannot conform to 'View'; only str...