SwiftUI add a -y offset to a view but stretching the view to bottom

Question

I have 2 views in my code, a VStack and then a custom view.

I am adding an offset to the second view of -75, to move it on top of the first view.

Here is my current code:

Group {
       VStack {
           //First View
           VStack {
               Image("LogoCrest")

                NavigationLink(destination: LocationSearch()) {
                    Text("Find a location")
                    .foregroundColor(Color.white)
                    .bold()
                    .padding()
                }
                .frame(minWidth: 0, maxWidth: .infinity, alignment: Alignment.center)
                .background(Color(red: 81 / 255, green: 175 / 255, blue: 67 / 255))
                .cornerRadius(7)
                .padding()

           }
           .padding(.top, 75)
           .padding(.bottom, 75)
           .frame(minWidth: 0, maxWidth: .infinity, alignment: Alignment.center)
           .background(Color(red: 49 / 255, green: 49 / 255, blue: 49 / 255))

           //Second view
           CircuitList(Circuits: Circuits)
            .offset(y: -75)
           .padding()
       }
     }
    .background(Color(red: 232 / 255, green: 232 / 255, blue: 232 / 255))
    .edgesIgnoringSafeArea(.top)

How can I increase the height of the second view so it can always be at the bottom (see the black line in the image below for my desired extra height)?

score 20 · Accepted Answer · answered Sep 16 '19 at 19:16

20

I have found the answer. Since I added y:-75 offset to my view, I had to add y:-75 padding too.

CircuitList(Circuits: Circuits)
    .offset(y: -75)
    .padding()
    .padding(.bottom, -75)

answered Sep 16 '19 at 19:16

Matt Ward

1,095
1
14
28

4

Yeah, When we use the offset() modifier, we’re changing the location where a view should be rendered without actually changing its underlying geometry. Thats why we have to add minus padding to. – YodagamaHeshan Feb 22 '20 at 06:33
1

Perfect answer I was looking for – singh.jitendra Aug 20 '21 at 18:08

SwiftUI add a -y offset to a view but stretching the view to bottom

1 Answers1