Criar Modal

Basicamente tenho um modal

const AppModal = (props) => {
  const [modalVisible, setModalVisible] = useState(false);
  return (
    <View style={styles.centeredView}>
      <Modal
        animationType="slide"
        transparent={true}
        visible={props.display}
        onRequestClose={() => {
          Alert.alert("Modal has been closed.");
        }}
      >
        <View style={styles.centeredView}>
          <View style={styles.modalView}>
            <Text style={styles.modalText}>Hello World!</Text>

            <TouchableHighlight
              style={{ ...styles.openButton, backgroundColor: "#2196F3" }}
              onPress={() => {
                setModalVisible(!modalVisible);
              }}
            >
              <Text style={styles.textStyle}>Hide Modal</Text>
            </TouchableHighlight>
          </View>
        </View>
      </Modal>
    </View>
  );
};


export default AppModal;

Que é chamado por outro componente,

import CameraComponent from './AppModal';
const Detail: React.FC = (param) => {
  const [display, setDisplay] = useState(false);
  const openModal = async function () {
    setDisplay(true);
  };
  const detail = param.route.params;
  return (
    <View>
      <TouchableHighlight onPress={openModal}>
        <Text> Abrir o modal</Text>
      </TouchableHighlight>
      <AppModal display={display} />
    </View>
  );
};
export default ChamarModal;

Todo e qualquer botão dentro do modal que chamei não é clicável, não consigo chamar os métodos

Esse é um código exemplo