Button onPress stops working after navigating to one screen

Hello, I am unable to open drawer navigation with button or get anything touch related to work after navigating to one of my screens. Other screens work fine and there is not much difference between each screen.

Code:

import React, {useState} from 'react';
import { StyleSheet, Text, View, Button, Image, PixelRatio, ScrollView, TouchableOpacity } from 'react-native';
import { enableScreens } from 'react-native-screens';
import Header from './Header.js';
import Svg, {Path} from 'react-native-svg';
import {RadioButton} from 'react-native-paper';

enableScreens();
const styles = StyleSheet.create({
  image: {
    height: 1000 / PixelRatio.get(),
    width: 1100 / PixelRatio.get(),
    resizeMode: 'contain',
  },
  radioOne: {
    flex: 1,
    right: 75,
    marginBottom: 75,
  },
  container: {
    marginBottom: 16,
  },
  scrollView: {
    marginHorizontal: 20,
  },
  button: {
    top: 1000,
  }
});

const fun = () => {
  alert("Hello");
};
//x1 = start of the Line
//x2 = end of the Line
//y1 = start of the line on y axis
//y2 = end of the line on y axis

export default function Barrow({ navigation }) {

  const map_change = "./barrows.jpg";

  let studentService_Medical = "M93 50 L93 180 L60 180 L60 170";
  let studentService_union = "M300 260 L185 260 L185 270";

    return (
        <><Header title='Barrow' navigation={navigation} />
          <View style={{ flex: 1, paddingTop: '15%', position: 'absolute'}}>
              <Image source={require(map_change)} style={styles.image}/>
              <ScrollView style={styles.container}>
              </ScrollView>
          </View>
          <View>
            <Svg>
              <Path d={studentService_union} fill="none" stroke="red" width="10" />
            </Svg>
          </View>
        </>
    );
}

What library do you use for navigation

Hi

There is no Button or any onPress in the code you posted.

Hi, there is none here in the code as Button is on another screen, however the issue on that screen (cannot press the button) is only present after navigating to this screen.

@React-Navigation/Native library.

Could you post a small example app that demonstrates the problem?

I don’t see any reason that the code in your post would break your button.


Seems like the problem is navigating to screen below it and afterwards the touch or onPress is not working on any screen.

Edit: After a while, I also noticed that when I navigate from Search Screen to Map Screen and go back to Search Screen, can interact with Map Screen.