Скачать или смотреть Converting UIBarButtonItem Array to ToolbarItem in SwiftUI

Learn how to effectively convert an array of `UIBarButtonItem` to `ToolbarItem` in SwiftUI with a step-by-step guide that resolves common issues and enhances your UI with structured toolbars.
---
This video is based on the question https://stackoverflow.com/q/78222757/ asked by the user 'user1165756' ( https://stackoverflow.com/u/1165756/ ) and on the answer https://stackoverflow.com/a/78222951/ provided by the user 'Sweeper' ( https://stackoverflow.com/u/5133585/ ) at 'Stack Overflow' website. Thanks to these great users and Stackexchange community for their contributions.

Visit these links for original content and any more details, such as alternate solutions, comments, revision history etc. For example, the original title of the Question was: Convert an array of UIBarButtonItem to array of ToolbarItem

Also, Content (except music) licensed under CC BY-SA https://meta.stackexchange.com/help/l...
The original Question post is licensed under the 'CC BY-SA 4.0' ( https://creativecommons.org/licenses/... ) license, and the original Answer post is licensed under the 'CC BY-SA 4.0' ( https://creativecommons.org/licenses/... ) license.

If anything seems off to you, please feel free to write me at vlogize [AT] gmail [DOT] com.
---
Converting UIBarButtonItem Array to ToolbarItem in SwiftUI

As developers transition from UIKit to SwiftUI, they often face challenges in utilizing existing UIKit components within their SwiftUI projects. One such challenge lies in converting an array of UIBarButtonItem to ToolbarItem, allowing us to maintain a consistent user interface while leveraging the benefits of SwiftUI.

In this guide, we will address a common problem encountered when trying to pass UIBarButtonItem arrays to SwiftUI toolbars and provide a clear, step-by-step solution to achieve this.

The Problem

You may find yourself in a situation where you have custom logic in your UIKit code that generates UIBarButtonItem instances. As you wish to use these in a SwiftUI module, it becomes necessary to convert the rightBarButtonItems from UIKit into an appropriate format for SwiftUI’s toolbar.

A simple attempt at doing this often results in errors, such as "No exact matches in reference to static method 'buildExpression'." This typically stems from mismatched types and expectations between UIKit’s UIBarButtonItem and SwiftUI’s ToolbarItem.

The Solution

To tackle the challenge of converting UIBarButtonItem into the SwiftUI ToolbarItem, we will follow a structured approach involving the creation of a custom data structure and utilizing SwiftUI's ToolbarContentBuilder.

Step 1: Custom Data Structure

First, we need to create a struct that will represent our navigation bar buttons.

[[See Video to Reveal this Text or Code Snippet]]

Key Components:

Identifiable: Makes it easier to work with lists in SwiftUI.

action: This property encapsulates the behavior to be executed when the button is tapped.

Step 2: Implementing ToolbarContent

Next, create a struct that conforms to ToolbarContent and utilizes the NavBarButton.

[[See Video to Reveal this Text or Code Snippet]]

How It Works:

The ForEach loop iterates over the array of NavBarButton, creating appropriate SwiftUI buttons.

Step 3: Using the Custom Toolbar in a View

Finally, incorporate your custom toolbar into a SwiftUI view.

[[See Video to Reveal this Text or Code Snippet]]

This line converts your array of UIBarButtonItem to the new NavBarButton format and feeds it into the UIKitBarButtons toolbar.

Conclusion

By creating a custom data structure and reconfiguring how we define our buttons in SwiftUI, we've successfully bridged the gap between UIKit and SwiftUI toolbars. This not only allows us to maintain a consistent user interface but also utilizes the declarative features of SwiftUI front and center.

With these steps, you should be able to overcome the errors associated with this conversion and implement a sleek, functional toolbar that harmonizes UIKit and SwiftUI components.

If you encounter any additional issues during migration or have questions about SwiftUI, feel free to reach out!