I have a container that has a scrollview component nested inside that is also a container. Inside the scrollview container, I am looping through data and then trying to make the children be 2 items per row and also fill in any remaining empty space automatically, however, it will only fill up half the parent container.

In my Screen component I am trying to have the container that holds the Card components from react-native-paper be full height of the remaining spaces, but as you can see in the screen shot, the conatiner that holds the cards (yellow bg) is not full height and that is also squeezing the flex items (the cards).