SwiftUI RoundedRectangle 在底部被切除

Question

我有一个快速的RoundedRectangle:

ScrollView(.horizontal, showsIndicators: false) {
            Group {
                HStack {
                    if let height = height {
                        if height != "" {
                            aboutMeItem(info: height, image: "ruler").frame(minWidth: 20)
                        }
                    }
                }
                .frame(minHeight: 70, maxHeight: 70)
                .overlay(RoundedRectangle(cornerRadius: 15).stroke(Color("darkGrey"), lineWidth: 3))
                .padding([.leading,.top,.trailing])
            }
        }

我的输出是:

由于某种原因，底线被稍微切掉，您看不到完整的线宽。

我尝试删除其下方的 View ，以防有东西覆盖它，但事实并非如此。我尝试过弄乱 frame min 和 maxHeight，但无论如何，那仍然是一样的。

Answer 1

您应该使用中风边框而不是中风。

你做的另一件事是.padding([.leading,.top,.trailing])所以你没有包括bottom!但我认为 StrokeBorder 也能涵盖这一点。

---

ScrollView(.horizontal, showsIndicators: false) {
        Group {
            HStack {
                if let height = height {
                    if height != "" {
                        aboutMeItem(info: height, image: "ruler").frame(minWidth: 20)
                    }
                }
            }
            .frame(minHeight: 70, maxHeight: 70)
            .overlay(RoundedRectangle(cornerRadius: 15).strokeBorder(Color("darkGrey"), lineWidth: 3)) // <<: Here
            .padding([.leading,.top,.trailing]) // <<: Here!!! you did not used .bottom
        }
    }