React Native: Screen gets grabbed while trying to scroll?

So this should be an easy fix, but I can't find anything online. Using React Native for IOS dev.

I have 9 dragging images on my app, like so:

These images can be dragged and dropped around the screen.

The issue is, very often when I try to grab one of these images, I grab the screen instead, and it tries to take ALL my content upward. I don't have a scrollview or anything, this just seems to happen for whatever reason on IOS.

For example, it does this: enter image description here]2 I am using a navigator, so I guess this might help:

function MyStack() {
  const Stack = createStackNavigator();
  return (
    <Stack.Navigator>
      <Stack.Screen
        name="Gender"
        component={ContentFunction}
        options={{headerTransparent: true, headerTitle: ''}}
      />

      <Stack.Screen
        name="AddPhotos"
        component={AddPhotos}
        options={{
          gestureEnabled: false,

          headerTransparent: true,
          headerTitle: '',
          headerBackTitle: 'Job',
        }}></Stack.Screen>
    </Stack.Navigator>
  );
}

Do I add something to the navigation, or do something with the window in the code? Thank you.[!