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

技巧需求

List是SwiftUI最基礎的控件，ForEach是循環構建界面的實用語句。但是如何獲取到ForEach的Index確實個難題。另外ForEach中if語句也經常報錯誤。

看完本文您將掌握的技能

List中使用ForEach
兩種方式獲得ForEach中的序號
解決ForEach中if語句報錯問題

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

兩種方法獲取index

1、方案1
使用數組下標做循環的內容，具體代碼如下

image.png

struct sj_foreach: View {
    let days = ["上古","周","秦","漢","三國","晉","南北朝","隋","唐","五代十國","宋","元","明","清"]
    var body: some View {
        List{
            ForEach(0..<days.count,id:\.self){ index in

                        Text(self.days[index])

            }
        }
    }
}

方案二
使用數組自帶的inidces屬性，替換方案一的傳統書寫方式。

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

智能推薦

Mybatis中 foreach 嵌套使用 if 標簽對象取值問題

最近做項目過程中，涉及到需要在 Mybatis 中使用 foreach 進行循環讀取傳入的查詢條件，動態拼接SQL語句，接口傳入的查詢條件格式：{"advanceSearchList":[{"searchType":10,"searchText":"12"}]}...

SwiftUI 解決List中點擊button觸發其他button響應的問題

本文價值與收獲看完本文后，您將能夠作出下面的界面 [email protected] Jietu20200427-222352.gif 實戰需求 SwiftUI中在List列表中放置兩個Button按鈕，當點擊任何一個按鈕時，將調用兩個按鈕的操作回調，這個問題該如何解決，下面是代碼看完本文您將掌握的技能解決多個button在list共同觸發問題掌握snackbar使用 ...

SwiftUI 基礎之如何取消List的分割線divider

效果 image.png 代碼參考文章 https://stackoverflow.com/questions/56529765/how-to-hide-swiftui-list-divider 更多SwiftUI教程和代碼關注專欄 QQ:3365059189 SwiftUI技術交流QQ群:518696470 請關注我的專欄icloudend, SwiftUI教程與源碼 https://www....

如何解決在eclipse中maven工程中創建index.jsp上面的報錯問題

如何解決在eclipse中maven工程中創建index.jsp上面的報錯問題在pom.xml中加入一組依賴，如果想要查看報錯信息，windows/show view/problems 下面展示一些內聯代碼片。...

SwiftUI小技巧之Text背景全屏背景

在使用SwiftUI過程中，我們經常會遇到設置背景的問題，特別是是我們需要設置一下啊全局背景。這個時候該如何處理呢。本文價值與收獲看完本文后，您將能夠作出下面的界面鋪滿全屏的效果原效果看完本文您將掌握的技能實現文本背景鋪滿全屏深入掌握神奇的ZStack SwiftUI是一層包裹一層的，我們給任何View都可以包裹上一個ZStack 構建自己的修飾器項目源碼技術交流 QQ:3365...