react native - Fix children container width truble -

my children views may different width, not bigger parent view. how can fix it?

this screenshot of how looks now:

you can give parent view width device window width this:

var {height, width} = dimensions.get('window');

implement height , width required in parent view:

<view style={{height:height, width:width}}></view>

after constructing parent view, can give child view width , height own interest :

style={{height:40, width:250}}

also should have knowledge on react-native flex construct others layout can view here

M16