React Native抽屉不更改活动屏幕

时间:2018-11-23 07:15:07

标签: android reactjs react-native

我从react-navigation使用DrawerNavigator,并试图用它制作菜单。我已经成功完成了主屏幕和设置屏幕,但是当我点击“抽屉”中的“设置”时,屏幕发生了变化,但是在抽屉中仍然选择了主屏幕,我无法返回,我可以打开抽屉,再次打开“设置”但无法打开主屏幕再次通过设置。

我的预期行为是更换活动卡并在屏幕之间导航... 我在redux中使用它,

这是我的抽屉设置,如果需要,我可以添加更多信息...

  const AppDrawer = DrawerNavigator({
  Home: {
    screen: AppMainStack,
  },
  Settings: {
    screen: SettingsScreen,
    navigationOptions: ({ navigation }) => ({
      drawerLabel: 'Nastavení',
      drawerIcon: ({ tintColor }) => (
        <Ionicons name="md-settings" size={23} color={tintColor} />
      ),
      headerStyle: {
        backgroundColor: colors.PINK_100,
      },
      headerTitle: 'Nastavení',
      headerTitleStyle: {
        color: colors.WHITE,
      },
      headerLeft: () => <HamburgerIcon onPress={() => navigation.navigate('DrawerOpen')} />,
        }),
  },
}, {
  contentComponent: props =>
    (<CustomDrawerContent
      {...props}
        />),
  contentOptions: {
    activeBackgroundColor: colors.CYAN_DARK,
    activeTintColor: colors.WHITE,
        inactiveTintColor: colors.CYAN_DARK,
  },
});

0 个答案:

没有答案