如何在 Swiftui 的主视图底部的滚动视图中放置非粘性按钮？ Spacer 在滚动视图中似乎没有效果

Question

I am trying to place a button inside a scrollview to the bottom of the main view with some bottom padding after a spacer. But looks like there is no effect of spacer inside a scrollview. I don't want to hardcode spacer with minWidth. Any suggestion would be appreciated?

 ScrollView {
        VStack {
            Spacer()
            NavigationLink(destination: Text("Hi")) {
                Button {
                } label: {
                    Text("Submit")
                        .frame(height: 42)
                }
                .buttonStyle(FilledButton())
                .frame(width: 248, height: 42, alignment: .center)
            }
            .padding(.top, 33)
            .padding(.bottom, 12)
        }
    }

Answer 1

I believe you need a Geometry Reader to grab the height of the ScrollView itself.

struct ContentView: View {
    var body: some View {
        GeometryReader { geometry in
            ScrollView {
                VStack {
                    Spacer()
                    NavigationLink(destination: Text("Hi")) {
                        Button {
                        } label: {
                            Text("Submit")
                                .frame(height: 42)
                        }
                        .buttonStyle(FilledButton())
                        .frame(width: 248, height: 42, alignment: .center)
                    }
                    .padding(.top, 33)
                    .padding(.bottom, 12)
                }
                .frame(maxWidth: .infinity)
                .frame(height: geometry.size.height)
            }
        }
    }
}