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

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

那麼,你該如何實現這個效果呢?

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

struct ContentView: View {
    @State private var enabled = false
    
    var body: some View {
        Form {
            Toggle("啟用?", isOn: $enabled)
        }
    }
}

然後,將下面這段代碼添加到 Toggle 視圖後面:

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

像這樣:

struct ContentView: View {
    @State private var enabled = false
    
    var body: some View {
        Form {
            Toggle("啟用?", isOn: $enabled)
            
            if enabled {
                Section {
                    Text("只有在啟用時才顯示這段文字")
                }
            }
        }
    }
}

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

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