shift the contents up with the use of a textField

For example:

//index.xml
<Alloy>
    <Window id="select" height="100%" width="100%">
        <Label height="5%" text="Send" right="3%" top="1%" color="white" onClick="send"/>
        <View top="6%" id="searchC" height="10%" width="100%" backgroundColor="#C9C9CE" >
            <TextField id="serchField" borderRadius = "5" width="90%" top="15%" height="70%" color="#5F605F" hintText="Search" backgroundColor="white"  onReturn="closeKeyboard"></TextField>
        </View>
        <View id="table" top="16%" height="84%" width="100%" >
            <TableView id="list" backgroundColor="white"></TableView>>
        </View>>
    </Window>
</Alloy>

//index.tss
"#serchField":{
    font:{
        size: "16dp"
    },
    editable: true,
    suppressReturn: true,
    textAlign: "center",
    returnKeyType: Ti.UI.RETURNKEY_DONE
},
"Window":{
    backgroundColor: "#f28e4a",
    //fullscreen: "true",
    navBarHidden: "true"
}

The problem is this, when I choose textField, all content is shifted slightly upwards, which spoils the whole picture. Is there any way to fix that position textField