toggle

另一個常見的表單控制元件是 Toggle。 在設定應用程式中，你可以看到它被廣泛使用。 struct ContentView: View { @State private var enabled = true var body: some View { Form { Toggle("是否啟用？", isOn: $enabled) } } } 它與 TextField 視圖類似，除了我們不是使用 text 參數傳遞一個 String 值，而是使用 isOn 傳遞一個 Bool 值。 如果將它設置為 true，則開關將啟用；如果設置為 false，則將被禁用。 當然，用戶可以通過點擊控制元件來啟用或禁用它，這會自動更新傳遞到 isOn 的變量。

在表單中，一個常見的操作是使用一個切換控制項，當切換被啟用時，顯示一些額外的選項。 你可以在設定應用中經常看到這種情況，例如啟用 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 視圖將不可見：...