Help: fix weird react-native + flex issue

[chetandhembre]

Hi,

I am using react-native to build ios app. Here is my small component of app.

so when i click on middle green part I want to fill all screen with green component (I am using resize method so resizing component to size of screen). But I am getting weird output as follow

It is right portion of initial component is present on screen

Here is my code.
https://rnplay.org/apps/Y7OxGw

I just want to fill my screen with green component only.
Can any one help me here ?