如何让按钮转到右下角？

Question

如图所示，我希望按钮位于右下角。

https://i.imgur.com/GiVor8a.png

    var body: some View {
        ZStack {
            HStack {
                Color.black
            }

            Button(action: {}) {
                HStack {
                    Image(systemName: "rectangle.grid.1x2.fill")
                }
                .padding()
                    .background(Color.yellow)
                    .mask(Circle())
            }.frame(width: 60, height: 60)
            .border(Color.red, width: 1)
        }
    }

Answer 1

您可以为此使用Spacer()

这是您的代码：

ZStack {
            HStack {
                Color.black
            }

            VStack(alignment:.trailing) {
                Spacer()
                HStack {
                    Spacer()
                    Button(action: {}) {
                        HStack {
                            Image(systemName: "rectangle.grid.1x2.fill")
                        }
                        .padding()
                            .background(Color.yellow)
                            .mask(Circle())
                    }.frame(width: 60, height: 60)
                        .border(Color.red, width: 1)
                }
            }
        }