SwiftUI How to Implement a TabView with TabItem

SwiftUI How to Implement a TabView with TabItem ContentView.swift

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37

// //  ContentView.swift //  Test // //  Created by Cairocoders //   import SwiftUI   struct ContentView: View {           var body: some View {                   TabView {                  FirstView()                      .tabItem {                          Label("Search", systemImage: "magnifyingglass")                      }                  SecondView()                      .tabItem {                          Label("Home", systemImage: "house")                      }                  ThirdView()                      .tabItem {                          Label("Profile", systemImage: "person")                      }              }       } // End Body }     struct ContentView_Previews: PreviewProvider {     static var previews: some View {         ContentView()     } }

FirstView.swift

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20

// //  FirstView.swift //  Test // //  Created by Cairocoders //   import SwiftUI   struct FirstView: View {     var body: some View {         Text("FirstView")     } }   struct FirstView_Previews: PreviewProvider {     static var previews: some View {         FirstView()     } }

SecondView.swift

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20

// //  SecondView.swift //  Test // //  Created by Cairocoders //   import SwiftUI   struct SecondView: View {     var body: some View {         Text("SecondView")     } }   struct SecondView_Previews: PreviewProvider {     static var previews: some View {         SecondView()     } }

ThirdView.swift

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20

// //  ThirdView.swift //  Test // //  Created by Cairocoders //   import SwiftUI   struct ThirdView: View {     var body: some View {         Text("ThirdView")     } }   struct ThirdView_Previews: PreviewProvider {     static var previews: some View {         ThirdView()     } }