iOS

[iOS][SwiftUI] TabBar 띄우기

teamnova 2022. 4. 24. 12:00
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를 사용하실 수 있습니다.