反应导航模式滑动

Posted 2023-03-15

【中文标题】反应导航模式滑动

【英文标题】：react navigation modal swipe

【发布时间】：2017-06-10 08:26:28

【问题描述】：

我目前在项目中使用 react-navigation 并遇到视图问题。 我有两个主屏幕，Login 和 Main。登录后，用户被带到Main 屏幕。主屏幕有一个相机按钮，可以在模态视图中打开一个相机组件。

问题 在相机模式上从左向右滑动可返回Login 屏幕。我需要它返回主屏幕。

我是这样设置的：

export const LoginStack = StackNavigator(
  Login: 
    screen: Login,
    navigationOptions: 
      header: null
    
  
)

export const MainStack = StackNavigator(
  Main: 
    screen: Blurts,
    navigationOptions: 
      header: null,
      headerLeft: null,
      gesturesEnabled: false,
    
  ,

  Camera: 
    screen: CameraView,
    navigationOptions: 
      header: null,
      headerLeft: null,
    
  
, 
  mode: 'modal',
  headerMode: 'none'
)

const Root = StackNavigator(
  Login: 
    screen: LoginStack
  ,
  Main: 
    screen: MainStack
  
)


export default Root

【参考方案1】：

我建议在根导航器的主屏幕上设置gesturesEnabled: false

const Root = StackNavigator(
  Login: 
    screen: LoginStack
  ,
  Main: 
    screen: MainStack,
    navigationOptions: 
      gesturesEnabled: false,
    
  
)

这样MainStack 应该拿起手势 r