Button with NavigationLink and function call SwiftUI

Question

I have an issue with NavigationLinks with conditions. It doesn't react what I'm expected. When a user click on the button the function "test" must be called and give a return value. If the return value is true the "SheetView" must be openend directly without clicking on the NavigationLink text. Please could someone give me a help on this one. Thanks in advance

I made a small (sample) program for showing the issue.

import SwiftUI

struct LoginView: View {
   @State var check = false
   @State var answer = false
   
    var body: some View {
       NavigationView {
         VStack{
            Text("it doesn't work")
            Button(action: {
                answer = test(value: 2)
                if answer {
                    //if the return value is true then directly navigate to the sheetview
                    NavigationLink(
                        destination: SheetView(),
                        label: {
                            Text("Navigate")
                        })
                }
            }, label: {
                Text("Calculate")
            })
            
        
         }
       }
    }
    
    func test(value: Int) -> Bool {
     
            if value == 1 {
                check = false
            } else {
                print("Succes")
                check = true
            }
        
        return check
    }
       
}


struct SheetView: View {

    var body: some View {
        NavigationView {
            VStack{
                Text("Test")
                    .font(.title)
            }
        }
    }
}

ryandu · Accepted Answer · 2021-06-24 15:31:46Z

4

The answer from Yodagama works if you were trying to present a sheet (because you called your navigation destination SheetView), but if you were trying to navigate to SheetView instead of present a sheet, the following code would do that.

struct LoginView: View {
   @State var check = false
   @State var answer = false
   
    var body: some View {
       NavigationView {
         VStack{
            Text("it doesn't work")
            NavigationLink(destination: SheetView(), isActive: $answer, label: {
                Button(action: {
                    answer = test(value: 2)
                }, label: {
                    Text("Calculate")
                })
            })
            
            
        
         }
       }
    }
    
    func test(value: Int) -> Bool {
     
            if value == 1 {
                check = false
            } else {
                print("Succes")
                check = true
            }
        
        return check
    }
       
}


struct SheetView: View {

    var body: some View {
        NavigationView {
            VStack{
                Text("Test")
                    .font(.title)
            }
        }
    }
}

answered Jun 24, 2021 at 15:31

ryandu

6579 silver badges18 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

SoftGuru Over a year ago

This is great, thanks for your answer. It's exactly what I was looking for!

Ilya Biltuev Over a year ago

It works now, but I get a warning: 'init(destination:isActive:label:)' was deprecated in iOS 16.0: use NavigationLink(value:label:), or navigationDestination(isPresented:destination:), inside a NavigationStack or NavigationSplitView

YodagamaHeshan · Accepted Answer · 2021-06-24 15:26:38Z

0

struct LoginView: View {
   @State var check = false
   @State var answer = false
   
    var body: some View {
       NavigationView {
         VStack{
            Text("it doesn't work")
            Button(action: {
                answer = test(value: 2)
                //<= here
            }, label: {
                Text("Calculate")
            })
            
        
         }
         .sheet(isPresented: $answer, content: {  //<= here
            SheetView()
         })
       }
    }
    
    ...

answered Jun 24, 2021 at 15:26

YodagamaHeshan

6,8372 gold badges37 silver badges46 bronze badges

2 Comments

SoftGuru Over a year ago

Thanks for your help, actually I'm not looking for a sheet (maybe I chose the wrong name for that struct), but just for a normal view where I can navigate. Any idea how I could do that?

SoftGuru Over a year ago

Yes I've got my answer. Thanks all for your help! Really appriciated.

noob coder · Accepted Answer · 2023-07-19 04:31:12Z

0

@State private var route: Bool = false

// use the modifier for the button    

.navigationDestination(isPresented: $route, destination: {
            DestinationView()
        }

// and wrap the parent view in NavigationStack

answered Jul 19, 2023 at 4:31

noob coder

112 bronze badges

1 Comment

Leon Jakonda Over a year ago

Work only for ios 16 or newer

Collectives™ on Stack Overflow

Button with NavigationLink and function call SwiftUI

3 Answers 3

2 Comments

2 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related