【问题标题】: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

【问题讨论】:

    标签: ios react-native modal-dialog react-navigation


    【解决方案1】:

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

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

    这样MainStack 应该拿起手势 r

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2018-08-06
      • 2021-01-08
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2021-09-13
      • 2021-06-14
      相关资源
      最近更新 更多