klaus/sodalive-ios
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

홈 - 하단 탭 추가

Browse Source
This commit is contained in:
Yu Sung
2023-08-09 21:20:09 +09:00
parent 10aebcc981
commit 2456c897c3
30 changed files with 595 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

154
SodaLive/Sources/Main/Home/BottomTabView.swift Normal file
View File

@@ -0,0 +1,154 @@
//
// BottomTabView.swift
// SodaLive
//
// Created by klaus on 2023/08/09.
//
import SwiftUI
struct BottomTabView: View {
let width: CGFloat
@Binding var currentTab: HomeViewModel.CurrentTab
var body: some View {
HStack(spacing: 0) {
let tabWidth = width / 5
TabButton(
title: "라이브",
action: {
if currentTab != .live {
currentTab = .live
}
},
image: {
currentTab == .live ?
"ic_tabbar_live_selected" :
"ic_tabbar_live_normal"
},
fontName: {
currentTab == .live ?
Font.bold.rawValue :
Font.medium.rawValue
},
color: {
currentTab == .live ?
Color(hex: "9970ff") :
Color(hex: "909090")
},
width: tabWidth
)
TabButton(
title: "콘텐츠",
action: {
if currentTab != .content {
currentTab = .content
}
},
image: {
currentTab == .content ?
"ic_tabbar_content_selected" :
"ic_tabbar_content_normal"
},
fontName: {
currentTab == .content ?
Font.bold.rawValue :
Font.medium.rawValue
},
color: {
currentTab == .content ?
Color(hex: "9970ff") :
Color(hex: "909090")
},
width: tabWidth
)
TabButton(
title: "탐색",
action: {
if currentTab != .explorer {
currentTab = .explorer
}
},
image: {
currentTab == .explorer ?
"ic_tabbar_explorer_selected" :
"ic_tabbar_explorer_normal"
},
fontName: {
currentTab == .explorer ?
Font.bold.rawValue :
Font.medium.rawValue
},
color: {
currentTab == .explorer ?
Color(hex: "9970ff") :
Color(hex: "909090")
},
width: tabWidth
)
TabButton(
title: "메시지",
action: {
if currentTab != .message {
currentTab = .message
}
},
image: {
currentTab == .message ?
"ic_tabbar_message_selected" :
"ic_tabbar_message_normal"
},
fontName: {
currentTab == .message ?
Font.bold.rawValue :
Font.medium.rawValue
},
color: {
currentTab == .message ?
Color(hex: "9970ff") :
Color(hex: "909090")
},
width: tabWidth
)
TabButton(
title: "마이",
action: {
if currentTab != .mypage {
currentTab = .mypage
}
},
image: {
currentTab == .mypage ?
"ic_tabbar_my_selected" :
"ic_tabbar_my_normal"
},
fontName: {
currentTab == .mypage ?
Font.bold.rawValue :
Font.medium.rawValue
},
color: {
currentTab == .mypage ?
Color(hex: "9970ff") :
Color(hex: "909090")
},
width: tabWidth
)
}
.background(Color(hex: "111111"))
}
}
struct BottomTabView_Previews: PreviewProvider {
static var previews: some View {
BottomTabView(
width: UIScreen.main.bounds.width,
currentTab: .constant(.live)
)
}
}