Реагировать на собственный экран не занимает полную высоту, а дети сгибают элементы, расположенные неравномерно. ⇐ CSS

[Anonymous]

В моем компоненте Screen я пытаюсь, чтобы контейнер, содержащий компоненты Card из реакции-native-paper, был на всю высоту оставшихся пространств, но, как вы можете видеть на снимке экрана , контейнер, в котором хранятся карты (желтый фон), не имеет полной высоты и также сжимает гибкие элементы (карточки).
Как я могу сделать так, чтобы контейнер (желтый фон) bg) занимает всю высоту оставшегося пространства, а гибкие элементы расположены равномерно?
Я попробовал flex: 1, а также высоту: '100%' , но он не работает


// Screen component

return (




{surveyData?.surveys?.map((surveyDetails, i) => (

}
/>

))}



);


Подробнее здесь: https://stackoverflow.com/questions/785 ... -evenly-sp