小编Die*_*lez的帖子

我正在开发一个应用程序，其中我使用标签栏 brHStack{}与其中的按钮功能一起使用，如下所示： https: //i.stack.imgur.com/18Amd.png我正在尝试圆角酒吧。

我尝试过使用.clipShape(RoundedRectangle(cornerRadius:20))，但它会剪切掉背景边界之外的任何内容： https: //i.stack.imgur.com/zVZb6.png。

有没有办法将 HStack 背景的角变圆而不剪掉里面的按钮？

我正在使用 Xcode 12.0 和 SwiftUI。

我正在使用的代码在这里：

struct TabBar: View {

@Binding var selectedTab : Int

//To assign item color when selected
@State var icon = "unSelect"

var body: some View {
   
    //Icon Design
    HStack(alignment: .center) {
        Group {

            //Home Icon
            Button(action: {
                self.selectedTab = 0
            }) {
                HStack(spacing: 5) {
                    Image("Home").resizable()
                        .frame(width: 40, height: 40)
                }
                .padding(5)
            }
            .foregroundColor(self.selectedTab == 0 ? Color("Select") : …

我使用 ForEach 循环来显示不同的条形图，其下方带有数字以显示图表。但是，我似乎无法在 HStack 内的 ForEach 循环内使用 VStack 来显示彼此相邻的多个条形图，所有条形图下面都有一个数字。

HStack{
    ForEach(0 ..< 7) {
        VStack {
            Capsule().frame(width: 30, height: 200)
            Text("\($0 + 1)")
        }                        
    }
}

我尝试过将 VStack 移到 ForEach 循环之外，但这会导致条形显示在彼此下方。如何在将多个条形图彼此相邻排列的同时显示条形图下方的数字？