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