Children of <ModalDropdown> seem to be ignoring flex: 1 style

I can use a style in the ModalDropdown element of { flexDirection: 'row', flex: 1 } and see it successfully takes up 100% of the width.

However if the first child of ModalDropdown is a View for example, it will ignore the { flexDirection: 'row', flex: 1 } style and all the children of this View are forced to be scrunched together. 

Any way around this? Thank you for answering.