How do you implement a modal in React Native?

-- Example Code --
import React, { useState } from "react";
import { View, Text, Button, Modal } from "react-native";

const App = () => {
  const [modalVisible, setModalVisible] = useState(false);

  return (
    <View>
      <Modal
        animationType="slide"
        transparent={true}
        visible={modalVisible}
        onRequestClose={() => {
          setModalVisible(!modalVisible);
        }}
      >
        <View style={{ flex: 1, justifyContent: "center", alignItems: "center" }}>
          <Text>Hello Modal!</Text>
          <Button title="Close" onPress={() => setModalVisible(false)} />
        </View>
      </Modal>
      <Button title="Open Modal" onPress={() => setModalVisible(true)} />
    </View>
  );
};

export default App;