摘要:
TabView:
圖片+文字組成tabItem,選中時改變圖片和文字顏色
跳轉(zhuǎn)到二級頁面時隱藏tabbar殿如,返回到首頁時顯示tabbar
首頁薄风、我的兩個tab,效果圖:
圖片文字組成tabItem,選中時改變圖片和文字顏色
代碼:
struct MainContentView: View {
@State var selection = 0
var body: some View {
TabView(selection: $selection,
content: {
HomeView().tabItem() {
Image(selection == 0 ? "tab_select_home" : "tab_home")
Text("首頁")
}.tag(0)
MineView().tabItem {
Image(selection == 1 ? "tab_select_mine" : "tab_mine")
Text("我的")
}.tag(1)
}).accentColor(.red)
}
}
struct MainContentView_Previews: PreviewProvider {
static var previews: some View {
MainContentView()
}
}
TabView選中tab的索引綁定了selection變量,可以改變selection值來手動切換tab豫喧,TabView切換tab時也會把值賦給selection