demoModal.component.js

import {
  Layout,
  TopNavigation,
  Button,
  Modal,
  Text,
} from '@ui-kitten/components';
import React from 'react';
import {SafeAreaView, StyleSheet} from 'react-native';

const DemoModal = ({navigation}) => {
  const [visible, setVisible] = React.useState(false);

  const toggleModal = () => {
    setVisible(!visible);
  };
  return (
    <SafeAreaView style={{flex: 1, margin: 5}}>
      <TopNavigation title="UI Kitten Modal Demo" alignment="center" />

      <Layout style={{flex: 1, justifyContent: 'center', alignItems: 'center'}}>
        <Button onPress={toggleModal}>DemoModal View</Button>
        <Modal
          backdropStyle={styles.backdrop}
          onBackdropPress={toggleModal}
          visible={visible}>
          <Layout level="3" style={styles.modalContainer}>
            <Text>Hi! This is modal.</Text>
          </Layout>
        </Modal>
      </Layout>
    </SafeAreaView>
  );
};

const styles = StyleSheet.create({
  backdrop: {
    backgroundColor: 'rgba(0, 0, 0, 0.5)',
  },
  modalContainer: {
    justifyContent: 'center',
    alignItems: 'center',
    width: 256,
    padding: 16,
  },
});

export default DemoModal;

Hi ikismail ,
I have same problem with ui kitten modal component.Did you solve this modal problem? I search on the web i could not any solution.i used last version "@eva-design/eva": "^2.0.0-alpha.1", "@ui-kitten/components": "^5.0.0-alpha.1", "@ui-kitten/eva-icons": "^5.0.0-alpha.1",

No Mehmet Salih, I can't able to find the solution for this issue. Instead of using UI Kittens Modal, I Implement React Native Alert for my use case. Link Here. If you find solution for this issue, please don't forget to mention it here. this will help others to fix the problem.