如何在 SwiftUI 中隱藏單擊按鈕

Question

我想在單擊一個按鈕后隱藏它並顯示另一個按鈕，反之亦然。

默認情況下，鎖定按鈕應該是第一個顯示的按鈕。 點擊它后，只有第二個解鎖按鈕應該顯示在同一個 position 中。

                  Button { //lock button
                    app.statusBar?.stop()
                   
                } label: {
                    Image(systemName: "lock")
                }
                                  
                    Button { //unlock button
                        app.statusBar?.start()
                       
                    } label: {
                        Image(systemName: "lock.open")
                    }
                }

這是針對 macOS 應用程序的。

Answer 1

為什么不只是一個按鈕？

@State private var isLocked = false

...
    
    Button { //lock button
        isLocked.toggle()
        if isLocked {
            app.statusBar?.stop()
        } else {
            app.statusBar?.start()
        }
    } label: {
        Image(systemName: isLocked ? "lock" :  "lock.open")
    }

如果你真的想要兩個按鈕，你可以用opacity修改器隱藏一個

Button {

  ... 

}
.opacity(isLocked ? 1.0 : 0.0)

Answer 2

您需要通過@State變量設置條件。 當變量在真到假之間切換時，將相應地顯示正確的按鈕。

這是一個例子：

struct Example: View {
    @State private var free = true

    var body: some View {

            if free {

                Button { //lock button
                    app.statusBar?.stop()
                    free = false                   
                } label: {
                    Image(systemName: "lock")
                }

            } else {
                                  
                 Button { //unlock button
                        app.statusBar?.start()
                        free = true
                 } label: {
                        Image(systemName: "lock.open")
                 }
            }

    }
}

Answer 3

你可以使用 .hidden() 修飾符

Button {

  ... 

}
.hidden()