反应导航模式滑动
react navigation modal swipe
我目前正在项目中使用 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
我建议在 Root 导航器上为主屏幕设置 gesturesEnabled: false
const Root = StackNavigator({
Login: {
screen: LoginStack
},
Main: {
screen: MainStack,
navigationOptions: {
gesturesEnabled: false,
}
}
})
这样 MainStack
应该选择手势 r
我目前正在项目中使用 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
我建议在 Root 导航器上为主屏幕设置 gesturesEnabled: false
const Root = StackNavigator({
Login: {
screen: LoginStack
},
Main: {
screen: MainStack,
navigationOptions: {
gesturesEnabled: false,
}
}
})
这样 MainStack
应该选择手势 r