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

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

View File

@@ -4,6 +4,7 @@ struct CreatorChannelTabBar: View {
@Binding var selectedTab: CreatorChannelTab @Binding var selectedTab: CreatorChannelTab
var body: some View { var body: some View {
ScrollViewReader { proxy in
ScrollView(.horizontal, showsIndicators: false) { ScrollView(.horizontal, showsIndicators: false) {
HStack(spacing: 0) { HStack(spacing: 0) {
ForEach(CreatorChannelTab.allCases, id: \.self) { tab in ForEach(CreatorChannelTab.allCases, id: \.self) { tab in
@@ -24,6 +25,13 @@ struct CreatorChannelTabBar: View {
.contentShape(Rectangle()) .contentShape(Rectangle())
} }
.buttonStyle(.plain) .buttonStyle(.plain)
.id(tab)
}
}
}
.onChange(of: selectedTab) { tab in
withAnimation {
proxy.scrollTo(tab, anchor: .center)
} }
} }
} }

View File

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