小编jux*_*eta的帖子

如何仅对导航器屏幕之一禁用抽屉导航滑动?

我有一个自定义导航抽屉,但在特定屏幕上,我不希望它可用。

这是我的短代码。

此导航器也包含在切换导航器中。我在 git-hub 和其他论坛上进行了挖掘,目前没有任何工作。我错过了什么吗?有没有人让它工作?

const UserNavigation = createDrawerNavigator({
    ProductListScreen: {screen: ProductListScreen},
    ProductHistoryScreen: {
      screen: ProductHistoryScreen,
      navigationOptions: {
        drawerLockMode: 'locked-closed'
      }
    }
}, {
    initialRouteName: 'ProductListScreen',
    contentComponent: CustomDrawerContentComponent,
})

export default createAppContainer(UserNavigation)
Run Code Online (Sandbox Code Playgroud)

expo 上还有一个工作代码,但我尝试并导致显示双导航器,并且在我不想显示它出现的抽屉的屏幕中。这是我参考世博代码的尝试

const UserStackNavigation = createStackNavigator({
  ProductListScreen: {screen: ProductListScreen},
  ProductHistoryScreen: {
    screen: ProductHistoryScreen
  }
})

const UserNavigation = createDrawerNavigator({
  UserStackNavigation: UserStackNavigation
}, {
  initialRouteName: 'UserStackNavigation',
  contentComponent: CustomDrawerContentComponent,
})

UserStackNavigation.navigationOptions = ({ navigation }) => ({
  drawerLockMode: navigation.state.index === 0 ? 'unlocked' : 'locked-closed',
});
export …
Run Code Online (Sandbox Code Playgroud)

javascript react-native react-navigation

7
推荐指数
3
解决办法
8623
查看次数