Скачать или смотреть How to Display a Custom View on UIWindow in SwiftUI Like Android's Toast View

Learn how to create and display a custom toast-like view using SwiftUI and UIWindow to overlay your content effortlessly while maintaining app navigation.
---
This video is based on the question https://stackoverflow.com/q/69390503/ asked by the user 'Froehly Fabrice' ( https://stackoverflow.com/u/11110139/ ) and on the answer https://stackoverflow.com/a/69403563/ provided by the user 'Froehly Fabrice' ( https://stackoverflow.com/u/11110139/ ) 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: SwiftUI - Display view on UIWindow

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.
---
Displaying a Custom Toast View in SwiftUI Above Everything

Are you looking to replicate the Android toast notification feature in your SwiftUI application? If so, you might encounter a situation where you need to display a SwiftUI view above all others, essentially over the UIWindow of your app. This can be a tricky task, especially if you want to maintain smooth navigation and user interaction while the toast is visible. In this guide, we will guide you through the steps needed to achieve this functionality effectively.

Understanding the Problem

The core of the issue lies in displaying a custom SwiftUI view above all other content in your app. While UIKit does provide mechanisms for showing alerts or overlays, doing this in SwiftUI with a similar experience requires a slightly different approach. Users want the ability to display informative messages without disrupting their flow within the application. So how do we accomplish this? Let’s break down the solution step by step.

Implementing the Toast View

To create a toast-like notification that appears on the UIWindow, we can encapsulate our custom view in a SwiftUI structure. Below is a simple implementation of a ToastView:

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

Key Steps:

Fetch the Key Window: We use UIApplication.shared.windows to access the key window of the application.

Initialize Your View: Create an instance of your ToastView that you want to display.

Use UIHostingController: This allows you to wrap your SwiftUI view into a UIKit view, which can then be added above everything else.

Enhancing the Toast View Experience

While the above code provides a functional solution, there are a couple of enhancements we can make.

Using View Modifiers

To give a more SwiftUI-like experience, you can create a modifier that encapsulates this functionality. Using a modifier allows you to trigger the toast display at any time seamlessly.

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

Implementation Details:

Toast Modifier: This custom modifier simply encapsulates the view but serves as a convenient way to trigger the toast display.

Invocation: You can call .toast() as if it were a built-in SwiftUI modifier.

Important Considerations

Navigation and Interaction: While displaying the toast, it’s essential to ensure that users can still navigate through the application without interruptions. This can be tricky, so consider how the toast interacts with other views.

Handling Animations: Be wary that embedding the ToastView directly into UIHostingController may disrupt animations. You might want to control the animations using UIKit to achieve desired effects like swipes and fades.

Initialization of ToastView: Limit the initialization of ToastView by making its initializer private to control how and when it’s created. This ensures you have an organized manner of displaying your view.

Conclusion

Creating a custom toast view in SwiftUI that overlays above your application’s content has its challenges, but by utilizing UIWindow, UIHostingController, and view modifiers, you can effectively achieve this functionality. Now users can receive timely notifications without disrupting their app experience!

Feel free to implement and adapt this solution as per your needs, and enjoy the smooth notifications in your SwiftUI applications!