Stop FlatList from overflowing containing View?

Question

How do you make a FlatList stop expanding beyond its enclosing view and become scrollable while still taking all (legal) space in the enclosing view?

So far setting height to a specific number worked, but setting height to "100%" still overflows, setting flex:1 still overflows.

Screenshot

This is React Native Web.

have you tried this answer here https://stackoverflow.com/questions/34880660/react-native-children-of-scrollview-wont-fill-full-height — Hamed, Apr 11 '22 at 22:06

score 0 · Accepted Answer · answered Apr 12 '22 at 04:57

0

For flexbox to work correctly flex:1 must be maintained for every enclosing view up the hierarchy. One of my views didn't have flex:1.

answered Apr 12 '22 at 04:57

Ryan Tremblay

1 Answers1