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

fix(component): 텍스트 탭 가로 스크롤을 적용한다

Browse Source
This commit is contained in:
Yu Sung
2026-08-25 16:11:35 +09:00
parent a54465cb1e
commit 425099955b
1 changed files with 16 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
SodaLive/Sources/V2/Component/TextTabBar.swift
View File

@@ -11,6 +11,7 @@ struct TextTabBar<Item: Hashable>: View {
let title: (Item) -> String let title: (Item) -> String
var body: some View { var body: some View {
ScrollView(.horizontal) {
HStack(alignment: .center, spacing: SodaSpacing.s20) { HStack(alignment: .center, spacing: SodaSpacing.s20) {
ForEach(items.prefix(3), id: \.self) { item in ForEach(items.prefix(3), id: \.self) { item in
Button { Button {
@@ -19,15 +20,16 @@ struct TextTabBar<Item: Hashable>: View {
Text(title(item)) Text(title(item))
.appFont(.heading3) .appFont(.heading3)
.foregroundColor(selectedItem == item ? Color.white : Color.gray600) .foregroundColor(selectedItem == item ? Color.white : Color.gray600)
.fixedSize(horizontal: true, vertical: false)
.frame(height: 52, alignment: .center) .frame(height: 52, alignment: .center)
.contentShape(Rectangle()) .contentShape(Rectangle())
} }
.buttonStyle(.plain) .buttonStyle(.plain)
} }
Spacer()
} }
.padding(.horizontal, SodaSpacing.s20) .padding(.horizontal, SodaSpacing.s20)
}
.scrollIndicators(.hidden)
.frame(maxWidth: .infinity) .frame(maxWidth: .infinity)
.frame(height: 52, alignment: .leading) .frame(height: 52, alignment: .leading)
.background(Color.black) .background(Color.black)