react导航5禁用向后滑动操作

npm install @react-navigation/native @react-navigation/stack

import { createStackNavigator } from '@react-navigation/stack';

const Stack = createStackNavigator();

function App() {
  return (
    <NavigationContainer>
      <Stack.Navigator>
        {/* 在这里定义你的屏幕 */}
      </Stack.Navigator>
    </NavigationContainer>
  );
}

import { useNavigation, useFocusEffect } from '@react-navigation/native';

function Screen() {
  const navigation = useNavigation();

  useFocusEffect(
    React.useCallback(() => {
      const parent = navigation.dangerouslyGetParent();
      if (parent) {
        parent.setOptions({
          gestureEnabled: false, // 禁用向后滑动操作
        });
      }

      return () => {
        if (parent) {
          parent.setOptions({
            gestureEnabled: true, // 恢复向后滑动操作
          });
        }
      };
    }, [navigation])
  );

  // 屏幕的内容和逻辑

  return (
    // 屏幕的 UI
  );
}