How to add absolute image in the model transparent area react-native-modals

How to / Third Party Tooling
1

I have Model with this design

import { Modal, SlideAnimation } from ‘react-native-modals’;
<Modal
transparent={true}
visible={modalOpen}
modalAnimation={new SlideAnimation({
slideFrom: ‘top’, })}
style={{ backgroundColor: ‘rgba(0, 0, 0, 0.69)’,}} >

            <View style={{ alignItems: 'center', backgroundColor:'rgba(0, 0, 0, 0.69)' }}>

                <TouchableOpacity style={{ position: 'absolute', left: 0, zIndex: 3, marginTop: 0 }}  onPress={() => closeModal()} >

                    <Image style={styles.storeAddImage} source={require('../assets/cancel.png')} />
                </TouchableOpacity>

                <View style={styles.modalContainer}>                        
                 </View>
         </View>
  </Modal>

I need to make the TouchableOpacity on the transparent area not on the view that styled with “modalContainer”