modal opening only once

When i press open modal button it is opening and after selecting value from the list,the modal is not displaying but it displays in another view.

<Modal animationDuration={100} style={{height: windowSize.height-200, width:windowSize.width-100,}}`
backdropPressToClose={false}
swipeToClose={false} position={"center"} backdropOpacity={0.8} ref='deliverytimepopup' >
<View style={{backgroundColor: '#ffffff', flex: 1,flexDirection: 'column',}}>

{
this.state.deliveryTimes.deliveryTimep.map((time,key) => (

<TouchableHighlight onPress={(tmp)=>{this.selectTime(key);return true;}}>
{this.state.deliveryTimes.deliveryTimep[key].indexOf('AP') >= 0 || this.state.deliveryTimes.deliveryTimep.length==1?<Image source={this.state.deliveryTimes.selectedImage[key]} style={{ margin: 6, }}/><Text style={styles[(this.state.selectedKey==key?"textstyleblackdeliver":"textstyledelivery")]}>{this.state.deliveryTimes.deliveryTimep[key].split("(")[0]}

:
<Image source={this.state.deliveryTimes.selectedImage[key]} style={{ margin: 6, }}/>
<Text style={styles[(this.state.selectedKey==key?"textstyleblackdeliver":"textstyledelivery")]}>{this.state.deliveryTimes.deliveryTimep[key].split("(")[0]}
}


))
}

     </ScrollView> 
     </View>

`

Start by reproducing the reported flow using the provided Modal, ScrollView, and TouchableHighlight code: open the modal, select a delivery time, and open it again. Inspect how the selection handler affects modal visibility and verify that the modal reopens in the same view after the issue is fixed.