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

fix(creator): 선택 탭을 가운데 정렬한다

Browse Source
This commit is contained in:
Yu Sung
2026-07-05 23:12:38 +09:00
parent f3b7d01a3f
commit 3ee2316507
2 changed files with 26 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
SodaLive/Sources/V2/CreatorChannel/Components/CreatorChannelTabBar.swift
View File

@@ -4,26 +4,34 @@ struct CreatorChannelTabBar: View {
@Binding var selectedTab: CreatorChannelTab
var body: some View {
ScrollView(.horizontal, showsIndicators: false) {
HStack(spacing: 0) {
ForEach(CreatorChannelTab.allCases, id: \.self) { tab in
Button {
selectedTab = tab
} label: {
VStack(spacing: 0) {
Text(tab.title)
.appFont(size: 16, weight: .medium)
.foregroundColor(selectedTab == tab ? Color.white : Color.gray500)
.frame(maxWidth: .infinity, maxHeight: .infinity)
ScrollViewReader { proxy in
ScrollView(.horizontal, showsIndicators: false) {
HStack(spacing: 0) {
ForEach(CreatorChannelTab.allCases, id: \.self) { tab in
Button {
selectedTab = tab
} label: {
VStack(spacing: 0) {
Text(tab.title)
.appFont(size: 16, weight: .medium)
.foregroundColor(selectedTab == tab ? Color.white : Color.gray500)
.frame(maxWidth: .infinity, maxHeight: .infinity)
Rectangle()
.fill(selectedTab == tab ? Color.soda400 : Color.clear)
.frame(height: 3)
Rectangle()
.fill(selectedTab == tab ? Color.soda400 : Color.clear)
.frame(height: 3)
}
.frame(width: 110, height: 52)
.contentShape(Rectangle())
}
.frame(width: 110, height: 52)
.contentShape(Rectangle())
.buttonStyle(.plain)
.id(tab)
}
.buttonStyle(.plain)
}
}
.onChange(of: selectedTab) { tab in
withAnimation {
proxy.scrollTo(tab, anchor: .center)
}
}
}

2
SodaLive/Sources/V2/CreatorChannel/CreatorChannelView.swift
View File

@@ -313,7 +313,7 @@ struct CreatorChannelView: View {
onTapCommunityLike: viewModel.likeCommunityPost
)
} else {
CreatorChannelPlaceholderTabView(title: viewModel.selectedTab.title)
EmptyView()
}
}