본문 바로가기
iOS

[iOS][SwiftUI] TabBar 띄우기

by teamnova 2022. 4. 24.
728x90

SwiftUI의 TabBar는 간단합니다. 들어가기에 앞서 SF Symbols를 설치해주시면 유용하게 쓰실 수 있습니다.

SF Symbols는 애플 개발자 홈페이지에서 다운 받으실 수 있습니다.

https://developer.apple.com/sf-symbols/ 

 

Apple Developer

There’s never been a better time to develop for Apple platforms.

developer.apple.com

 

 

먼저 뷰 세개를 만들어줍니다.

 

이렇게 만들어주면, 목록에는 

이렇게 보일 것입니다. 

 

이제 여기서 ContentView로 들어가서,

 

body안에 'TabView{}'를 만들어서, 미리 만들어 놓았던 FirstView ~ ThirdView에다가 각각 .tabItem을 할당해 이미지와 텍스트를 넣어줍니다.

 

여기서 저는, 이미지에 아까 언급하였던 SF Symbols를 사용하였습니다. 

이렇게하면 이런 결과물이 나옵니다. 

 

 

이렇게 원하는 텍스트, 이미지, 뷰를 넣고 TabBar를 사용하실 수 있습니다.

'iOS' 카테고리의 다른 글

[iOS][SwiftUI] Binding  (0) 2022.05.20
[iOS][SwiftUI] Convert View to Image  (0) 2022.05.06
[iOS]CocoaPod 설치 & 라이브러리 설치  (0) 2022.04.12
[iOS]iOS 애니메이션  (0) 2022.03.06
[iOS] CGPoin, CGSize, CGRect  (0) 2022.02.23