在带有ScrollView的HStack中时按钮消失

Question

当我创建包含一个Button和ScrollView的HStack或VStack时，该按钮不会出现。将为按钮的大小留一个空格，但是它是不可见的。但是，如果我在滚动视图的 内添加了相同的按钮，它就会出现（这不是我想要的）。还有其他人遇到这种情况吗？

下面是代码（我还没有为按钮实现操作）

struct CardView: View {
    var body: some View {
    HStack(spacing: 12) {
        OptionsButton()
        ScrollView(.horizontal) {
            HStack {
                OptionsButton()
                OptionsButton()
                OptionsButton()
                OptionsButton()
                OptionsButton()
                OptionsButton()
                OptionsButton()
                OptionsButton()
            }
        }
    }
}

struct OptionsButton: View {
    var body: some View {
        Button(action: {  }) {
            Image(systemName: "ellipsis")
                .font(.system(size: 16, weight: .medium))
                .frame(width: 30, height: 30)
                .background(Color.gray)
                .foregroundColor(Color.white)
                .clipShape(Circle())
        }
    }
}