React native 反应导航增加刷回区域

React native 反应导航增加刷回区域,react-native,react-navigation,gesture,React Native,React Navigation,Gesture,我正在为我的当前项目使用React导航库,但不喜欢“向后滑动”功能。只有当您将手指放在屏幕的总边缘,以便做出向后滑动的手势时,才会触发此操作。我已经阅读了,但找不到任何关于我行为问题的信息。您可以通过以下方法增加刷回区域: const stack = createStackNavigator({ Home, ... }, { ... navigationOptions: { gestureResponseDistance: {horizontal: 100}

我正在为我的当前项目使用React导航库,但不喜欢“向后滑动”功能。只有当您将手指放在屏幕的总边缘,以便做出向后滑动的手势时,才会触发此操作。我已经阅读了,但找不到任何关于我行为问题的信息。

您可以通过以下方法增加刷回区域:

const stack = createStackNavigator({
   Home,
   ...
}, {
   ...
   navigationOptions: {
      gestureResponseDistance: {horizontal: 100} // default is 25
   }
})

只是react navigation v5/
GestureResponseInstance的更新答案

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

const Stack = createStackNavigator();


// ...in render() method
<NavigationContainer>
  <Stack.Navigator mode="modal">
    <Stack.Screen name="Screen1" component={Screen1} />
    <Stack.Screen name="Screen2" component={Screen2} options={{ gestureResponseDistance: { vertical: 200, horizontal: 150 } }} />
  </Stack.Navigator>
</NavigationContainer>
<NavigationContainer>
  <Stack.Navigator mode="modal" screenOptions={{ gestureResponseDistance: { vertical: 200, horizontal: 150 } }}>
    <Stack.Screen name="Screen1" component={Screen1} />
    <Stack.Screen name="Screen2" component={Screen2} />
  </Stack.Navigator>
</NavigationContainer>