For iOS 14 and Xcode 12:

struct ContentView: View { @State private var isPresented = false var body: some View { Button("Show Modal with full screen") { self.isPresented.toggle() } .fullScreenCover(isPresented: $isPresented, content: FullScreenModalView.init) } } struct FullScreenModalView: View { @Environment(\.presentationMode) var presentationMode var body: some View { VStack { Text("This is a modal view") } .frame(maxWidth: .infinity, maxHeight: .infinity) .background(Color.red) .edgesIgnoringSafeArea(.all) .onTapGesture { presentationMode.wrappedValue.dismiss() } } } 

See also: How to present a full screen modal view using fullScreenCover()

Disclaimer: Below is not really like a "native modal", neither behave nor look&feel, but if anyone would need a custom transition of one view over other, making active only top one, the following approach might be helpful.

So, if you expect something like the following

Here is a simple code for demo the approach (of corse animation & transition parameters can be changed by wish)

struct ModalView : View { @Binding var activeModal: Bool var body : some View { VStack { Button(action: { withAnimation(.easeInOut(duration: 0.3)) { self.activeModal = false } }) { Text("Hide modal") } Text("Modal View") } .frame(minWidth: 0, maxWidth: .infinity, minHeight: 0, maxHeight: .infinity, alignment: .center) .background(Color.green) } } struct MainView : View { @Binding var activeModal: Bool var body : some View { VStack { Button(action: { withAnimation(.easeInOut(duration: 0.3)) { self.activeModal = true } }) { Text("Show modal") } Text("Main View") } .frame(minWidth: 0, maxWidth: .infinity, minHeight: 0, maxHeight: .infinity, alignment: .center) .background(Color.yellow) } } struct ModalContainer: View { @State var showingModal = false var body: some View { ZStack { MainView(activeModal: $showingModal) .allowsHitTesting(!showingModal) .disabled(showingModal) if showingModal { ModalView(activeModal: $showingModal) .transition(.move(edge: .bottom)) .zIndex(1) } } } } 

Based on @Mojtaba Hosseini answer. Tested with iOS 16.4

struct PresentEnvironmentKey: EnvironmentKey { static let defaultValue: PresentAction = .init() } extension EnvironmentValues { var present: PresentAction { get { self[PresentEnvironmentKey.self] } } } struct PresentAction { func callAsFunction<Content: View>(style: UIModalPresentationStyle = .automatic, @ViewBuilder builder: () -> Content) { UIApplication.topViewController()?.present(style: style, builder: builder) } } extension UIApplication { static func topViewController() -> UIViewController? { let keyWindow = UIApplication.shared .connectedScenes.compactMap { ($0 as? UIWindowScene)?.keyWindow }.last if var topController = keyWindow?.rootViewController { while let presentedViewController = topController.presentedViewController { topController = presentedViewController } return topController } return keyWindow?.rootViewController } } extension UIViewController { func present<Content: View>(style: UIModalPresentationStyle = .automatic, @ViewBuilder builder: () -> Content) { let toPresent = UIHostingController(rootView: AnyView(EmptyView())) toPresent.modalPresentationStyle = style toPresent.rootView = AnyView( builder() ) self.present(toPresent, animated: true, completion: nil) } } 

Usage:

struct ContentView: View { @Environment(\.present) var present var body: some View { Button("FullScreenCover") { present(style: .fullScreen) { YellowView() } } } } struct YellowView: View { @Environment(\.dismiss) var dismiss var body: some View { Color.yellow .onTapGesture { dismiss() } } } 

In case you need access to a topViewController from SwiftUI View:

 extension EnvironmentValues { var topViewController: UIViewController? { get { UIApplication.topViewController() } } } 

Here is a simple one way - forward views. It's very straight forward.

 struct ChildView: View{ private let colors: [Color] = [.red, .yellow,.green,.white] @Binding var index : Int var body: some View { let next = (self.index+1) % MyContainer.totalChildren return ZStack{ colors[self.index % colors.count] Button("myNextView \(next) ", action: { withAnimation{ self.index = next } } )}.transition(.asymmetric(insertion: .move(edge: .trailing) , removal: .move(edge: .leading) )) } } struct MyContainer: View { static var totalChildren = 10 @State private var value: Int = 0 var body: some View { HStack{ ForEach(0..<(Self.totalChildren) ) { index in Group{ if index == self.value { ChildView(index: self.$value) }} } } } }