Is It Possible to Have a Half-modal View in SwiftUI?
SwiftUI into UIKit into SwiftUI
Half Modal
A half modal is an interface element that can be useful in a lot of different situations. Unfortunately, it cannot be implemented within the SwiftUI framework itself.
Nevertheless we present you a way to bypass this limitation and create a Half Modal with all the features of the SwiftUI environment.
Controller
Normally, to show SwiftUI elements inside UIKit you should use a UIHostingController. By subclassing it you can customise it at will.
In this case, it is a half-modal, that can be resized to full-screen.
Structure
The actual structure of the modal must conform to UIViewControllerRepresentable.
In our project, we used a ViewBuilder to avoid the addition of the Storyboard.
Implementation
Now you can easily call your modal inside SwiftUI as a normal SheetView.
Bonus: Floating Tabbar
Here’s the code to create this little custom element to expand the possibilities of your interface, enjoy!
Thanks for reading.
Writers Andrea Masturzo, Cristian Cimbir
All code resources for this article are available on GitHub:
