TabView

  1. 方法一
import SwiftUI

struct BottonTabBar: View {    
    var body: some View {
           TabView {
               ContentView()
                   .tabItem {
                       Image(systemName: "list.dash")
                       Text("Menu")
                   }

               MapView()
                   .tabItem {
                       Image(systemName: "square.and.pencil")
                       Text("Order")
                   }
           }.edgesIgnoringSafeArea(.top)
       }
}

struct BottonTabBar_Previews: PreviewProvider {
    static var previews: some View {
        BottonTabBar()
    }
}

  1. 方法二
import SwiftUI

struct BottonTabBar: View {
    @State var selectIndex = 0
    
    var body: some View {
    TabView(selection: $selectIndex, content: {
                       ContentView()
                           .tabItem {
                               Image(systemName: "list.dash")
                               Text("Menu")
        }.tag(0)
        
                       MapView()
                           .tabItem {
                               Image(systemName: "square.and.pencil")
                               Text("Order")
        }.tag(1)
    }).accentColor(.orange)
 }
}

struct BottonTabBar_Previews: PreviewProvider {
    static var previews: some View {
        BottonTabBar()
    }
}

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。