/

SwiftUI：條件性顯示視圖中的項目

SwiftUI：條件性顯示視圖中的項目

在表單中，一個常見的操作是使用一個切換控制項，當切換被啟用時，顯示一些額外的選項。

你可以在設定應用中經常看到這種情況，例如啟用 Wi-Fi 時。

那麼，你該如何實現這個效果呢？

首先，創建一個帶有切換控制項的 Form 視圖：

1
2
3
4
5
6
7
8
9
struct ContentView: View {
    @State private var enabled = false
    
    var body: some View {
        Form {
            Toggle("啟用?", isOn: $enabled)
        }
    }
}

然後，將下面這段代碼添加到 Toggle 視圖後面：

1
2
3
4
5
if enabled {
    Section {
        Text("只有在啟用時才顯示這段文字")
    }
}

像這樣：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
struct ContentView: View {
    @State private var enabled = false
    
    var body: some View {
        Form {
            Toggle("啟用?", isOn: $enabled)
            
            if enabled {
                Section {
                    Text("只有在啟用時才顯示這段文字")
                }
            }
        }
    }
}

現在，當切換被禁用時，Text 視圖將不可見：

但是，當你啟用切換時，它就會顯示出來：

tags: [“SwiftUI”, “conditionally show items”, “toggle”, “view”]