不占据整个屏幕的表格视图，在一个堆栈视图中

Question

I'm having problems trying to implement a layout for my app. Whenever I use tableviews, it wants to take up as much space as possible. I'm trying to have (from top to bottom) a tableview with two rows, a text field, and a horizontal stack view rooted to the bottom with two buttons. Something like this:

Mockup

My issue is that constraining this has been a bit of a nightmare. At the moment I actually have the view looking just like this, but its hard coded with the top constraint of the tableview being inset by 400. I need a way for this to be flexible, as when I click on the textfield, i'm going to have that adjust to the top of the keyboard, along with the tableview above it.

At the moment I currently have the TableView within a View, which is in a StackView with the textfield and bottom stack view with the buttons. How can I set up the constraints in such a way that the entire stack seems to appear rooted to the bottom of the screen?

I'm sorry if this is a broad question, it's more of a 'How should I go about this' rather than 'How can I do this' kind of question. I should mention I'm doing this programatically too, using SnapKit for the constraints.

Thanks all!

Answer 1

Fixed by rethinking the whole thing an simplifying. Took the table view out of the stack, put that and the stack view in. Then the problem was my original one, the cells being stuck to the top of the screen and constraining not changing it at all.

So I flipped the table view using

tableView.transform = CGAffineTransform(scaleX: 1, y: -1)

And doing the same to the two cells to flip them back to normal orientation. Now the view is perfect! Hope this helps anyone in the future