modal component in react native

import React,{useState} from 'react'
import {View,Text,Modal,Button} from 'react-native'
import Constants from 'expo-constants'
function App(){
const [showmodal,setmodal]=useState(false)
return(
<View style={{paddingTop:Constants.statusBarHeight}}>

<Text>hello data</Text>
<Modal
animationType="slide"
visible={showmodal}
onRequestClose={
()=>{setmodal(false)}
}
>
<Text>new data is shown</Text>

</Modal>
<Button title="open modal" onPress={
()=>
{
setmodal(true)
}

}

/>
</View>
)
}
export default App