SwiftUI How to add action on UIBarButtonItem?

Question

I am using SwiftUI and I have added Button in NavigationBar but I am unable to set action on that button. I tried these two approaches but failed.

Approach:1

.navigationBarTitle("\(task.label)")
.navigationBarItems(trailing: UIBarButtonItem(title: "Done", style: .plain, target: self, action: #selector(self.actionName)))

But I am having this error here

Argument type 'UIBarButtonItem' does not conform to expected type 'View'

Approach:2

.navigationBarTitle("\(task.label)")
.navigationBarItems(trailing: NavigationBarButtonItem())

struct NavigationBarButtonItem : View {
    var body : some View {
        Button(action: {
            print("Button Tapped")
        }, label: {Text("Done")})
    }
}

Over here, This print statements never runs, although Button "Done" shows on Right side of NavigationBar, but action never works.

Asperi · Accepted Answer · 2020-01-31 14:37:56Z

1

.navigationBarItems(trailing: UIBarButtonItem(...

the above is definitely incorrect - you try to pass UIKit object instead of expected View struct

The following one definitely works (tested with Xcode 11.2+)

NavigationView {
    // ... some view is here
    .navigationBarItems(trailing: Button("Done") { 
       print("Done something")
    })
}

Well, copy-pasted "as is" your code from Approach 2 works as well, so probably the reason is not in this code.

It is not provided all your code, but I can suppose you placed it outside NavigationView, but doc says:

/// This modifier only takes effect when this view is inside of and visible
/// within a `NavigationView`.

edited Jan 31, 2020 at 14:37

answered Jan 31, 2020 at 14:31

Asperi

262k28 gold badges594 silver badges889 bronze badges

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

Comments

regina_fallangi · Accepted Answer · 2025-01-21 11:58:01Z

0

navigationBarItems is deprecated for Approach:2.

For Approach:1 it would be:

.navigationBarTitle("\(task.label)")
.toolbar {
    ToolbarItem(placement: .navigationBarTrailing) {
        Button("Done") {
            action()
        }
    }
}

.toolbar is now the way to control the navigation bar.

answered Jan 21 at 11:58

regina_fallangi

2,2262 gold badges22 silver badges42 bronze badges

Collectives™ on Stack Overflow

SwiftUI How to add action on UIBarButtonItem?

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related