Скачать или смотреть How to Fix the Missing NavigationLink on the Toolbar in SwiftUI

Discover how to resolve the issue of a disappearing `NavigationLink` on the toolbar in SwiftUI with our step-by-step guide.
---
This video is based on the question https://stackoverflow.com/q/72081944/ asked by the user 'Ashwin' ( https://stackoverflow.com/u/1139023/ ) and on the answer https://stackoverflow.com/a/72082452/ provided by the user 'Raja Kishan' ( https://stackoverflow.com/u/14733292/ ) 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, latest updates/developments on topic, comments, revision history etc. For example, the original title of the Question was: Why doesn't navigation link/view appear on the toolbar?

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.
---
Why Doesn't the Navigation Link Appear on the Toolbar in SwiftUI?

If you've ever worked with SwiftUI and found that your toolbar is missing a crucial NavigationLink, you're not alone. It's a common problem that can easily confuse developers, especially when first diving into SwiftUI. In this guide, we'll walk through a solution to ensure that your navigation link appears as expected on your app's toolbar.

The Problem: Missing Navigation Link

In the provided code snippet, the intention is to display a plus icon on the toolbar, which would allow users to navigate to a new page for adding a person. However, upon running the code, it only shows the section labeled "People" without the toolbar icon.

Here's the original code snippet:

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

Despite the best intentions, the plus icon simply doesn’t show up. So, what’s going wrong?

The Solution: Wrap Your Form in NavigationView

The solution to this issue is straightforward but essential: you need to wrap your Form within a NavigationView. This component is responsible for managing the navigation stack and displaying the navigation bar and toolbar.

Updated Code Example

By incorporating the NavigationView, the code should look like this:

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

Explanation of Changes

NavigationView: This is the key component you were missing. It provides the necessary context for the toolbar to function properly.

.navigationBarTitleDisplayMode(.inline): This optional line approaches the navigation bar title display, ensuring it aligns with the design you want.

Conclusion

SwiftUI is a powerful framework, but it does have certain requirements regarding the view hierarchy for components like the NavigationLink. By wrapping your Form within a NavigationView, you can ensure that your toolbar behaves as expected and includes all the navigation functionality you desire.

Make sure to apply these changes to your own code, and watch as that missing plus icon appears right where it belongs!