React Native - Model - Component

import { Text, SafeAreaView,Modal,View } from 'react-native';

export default function App() {

  var[fname,sname]= useState(false);

  return (

    <SafeAreaView>

    <View>

     <Button

     title="press"

     onPress={()=>sname(true)}

     color='cyan'

       />

     <Modal

      visible={fname}

      onRequestClose={()=>sname(false)}

      animationType={slide}

     >

     <View>

       <Text>Model Content</Text>

       <Button

        title="close"

        color="gray"

        onPress={()=>sname(false)}

       >

      </View>

     </Modal>  

     </View>

    </SafeAreaView>

  );

}

const styles = StyleSheet.create({

 

});