How to make a view gone in swiftui

Question

I was trying to hide view but noticed that view.hidden() will only hide the view but but the space remains.

I also tried some of the suggestions on this link Dynamically hiding view in SwiftUI But it didn't really work for me, albeit it was a starting point.

Find below what I finally did.

score 2 · Answer 1 · answered Apr 25 '22 at 19:23

2

Here's an approach without an extension.

struct ContentView: View {
    @State var hidden = false
    @State var text = ""
    var body: some View {
        NavigationView {
            List {
                Section {
                    Toggle("Hide", isOn: $hidden.animation(Animation.easeInOut))
                }
                
                if !hidden {
                    Section {
                        TextField("Pin", text: $text)
                    }
                }
            }
        }
    }
}

answered Apr 25 '22 at 19:23

cole

1,039
1
8
35

1

I am yet to understand why people create overly complex extensions to do things like this instead of keeping it simple like you have done here. – Fogmeister Apr 25 '22 at 19:26
@Fogmeister I agree, just keep it simple. Thank you! – cole Apr 25 '22 at 19:28

score -2 · Answer 2 · answered Apr 25 '22 at 18:38

-2

I created an extension function as below

extension View {
    @ViewBuilder func hiddenConditionally(isHidden: Binding<Bool>) -> some View {
        isHidden.wrappedValue ? self  :  self.hidden() as? Self
    }
}

and you can call it as below

         TextField("Pin", text: $pin)
                .hiddenConditionally(isHidden: $showPinField)

answered Apr 25 '22 at 18:38

Darotudeen

1,914
4
21
36

1

Why make it simple when you can over complicate it. – Fogmeister Apr 25 '22 at 19:26

How to make a view gone in swiftui

2 Answers2