티스토리 뷰

🍏/SwiftUI + Combine

[SwiftUI] ZStack 실전 예제들

사용자 eungding 2020. 5. 16. 18:38
728x90
반응형

ZStack은 Stack안에 있는 자식 뷰들을 z축으로 중첩시켜주는 view 입니다.

 

 

실제 쓰이는 경우들을 알게 되어서 정리합니다-! 

 

[1] 카메라와 컨트롤

 

이런 카메라 앱을 만든다고 할때,

카메라뷰랑 컨트롤 버튼들(파란네모친 영역)를 zstack을 이용하여 동시에 띄울 수 있습니다.

 

 

 

 

더불어 컨트롤뷰의 HStack(갤러리 열기, 촬영, 필터 버튼들이 있음)를 bottom에서부터 height 200으로 위치잡아주고 싶다면 

Spacer를 활용할수있습니다. (신기)

 

 

 

 

 

 

[2] SwiftUI의 Fullscreen Modal을 띄울때 

 

SwiftUI에서는 현재 fullscreen 모달을 띄울 수 있는 설정이 없습니다..😭

 

그래서 zstack을 활용해서 fullscreen presentation을 한 것 처럼 보이게 하시더라구요...!! 

 

forums.developer.apple.com/thread/127839

 

SwiftUI:how to get the secondView showed in ful... |Apple Developer Forums

SwiftUI: I am trying to transfer to secondView from firstView on iPad Pro(11inch) Horizontal screen,the secondView can not be showed in full screen here is my code: import SwiftUI struct ContentView: View {     @State var showsecondView: Bool = false  

forums.developer.apple.com

 

www.youtube.com/watch?v=514A7yzznJE

 

 

⚠️ 참고 ⚠️

저는 iOS13일때 이 글을 쓴건데, 

iOS 14부터 fullScreenCover(isPresented:onDismiss:content:)  를 사용하시면 됩니다!!

 

 

728x90
반응형
댓글
  • 프로필사진 카정가는렝가 fullscreen 모달이 없다고하시는데 fullscreencover를 사용하면 풀스크린 모달을 사용할수있지 않을까요? 2021.01.06 23:21
  • 프로필사진 사용자 eungding 안녕하세요~~
    iOS 13일때 이 글을 쓴거라서
    iOS14에 나온 fullscreencover에 대한 내용이 없네요ㅠㅠ!! 글에 추가하였습니다.
    감사드려요👏👏
    2021.01.17 20:53 신고
댓글쓰기 폼