Ios HStack中的快捷键宽度不正确

我在创建视图时遇到一些问题

Contentview

VStack{
    Capsule()
        .fill(Color.white)
        .frame(width: 50, height: 5)
        .padding(.top)
        .padding(.bottom,5)
    
    Text("Hello world")
        .font(.title)
    //Time
    ScrollView(.horizontal){
        HStack(spacing: 0){
            Button(action: {
                
            }, label: {
                Text("First")
            }).buttonStyle(TimeframeButtonStyle())
            Button(action: {
                
            }, label: {
                Text("Second")
            }).buttonStyle(TimeframeButtonStyle())
            Button(action: {
                
            }, label: {
                Text("Thirdiary")
            }).buttonStyle(TimeframeButtonStyle())
    
        }.frame(height: 100)
        
    }
    //Type
    HStack{
        
    }
}

按钮样式

struct TimeframeButtonStyle: ButtonStyle {
    func makeBody(configuration: Configuration) -> some View {
        configuration.label
            .frame(maxWidth: .infinity)
            .foregroundColor(.red)
            .lineLimit(1)
            .font(.title)
            .overlay(RoundedRectangle(cornerRadius: 25.0).stroke(Color.red, lineWidth: 1))
            
            .padding(.horizontal, 20)
            
    }
}

如您所见，这些按钮位于scrollview中，其中包含一个HStack。 问题在于按钮试图适应同一屏幕

我正在寻找的是如何使按钮自然大小

FixedSize会创建此项，这会使标签过于靠近边框

如何使按钮自然大小

您可以尝试

fixedSize（）

：

如何使按钮自然大小

您可以尝试

fixedSize（）

：

---

谢谢你的回答，帕韦洛。我试过这个，它会导致标签出现一些问题。已更新我的问题，以包括fixedSize@Pr0tonion您可以对

文本应用
.padding（）
。谢谢您的回答。我试过这个，它会导致标签出现一些问题。已更新我的问题，以包括fixedSize@Pr0tonion您可以将
.padding（）
应用于
文本。
Button(action: {
    
}, label: {
    Text("First")
})
.buttonStyle(TimeframeButtonStyle())
.fixedSize()