React导航:如何检测屏幕是在TabNavigator还是Drawernavigator内部



我正在创建一个演示应用程序,并且要求是iOS应用程序必须使用选项卡,并且在Android上必须使用抽屉。

没问题,我同时创建了配置和实时应用,并添加到每个屏幕上的抽屉相关和与标签相关的配置。

我需要隐藏Navbar图标,如果屏幕在TabNavigator内部,则打开抽屉,并且仅在抽屉Navigator

中显示时才显示

有办法吗?

我找到了这个解决方案

请发布您的答案,如果找到了更好的方法

export default class Contacts extends React.Component {
  static navigationOptions = ({ navigation }) => {
    return {
      title: 'Contacts',
      headerLeft: navigation.actions.toggleDrawer
        ? (<MaterialIcons name="menu" size={24}
          style={{ color: colors.grey, marginLeft: 10 }}
          onPress={() => navigation.dispatch(DrawerActions.toggleDrawer())}
        />)
        : null,
    };
  }
  ... rest of component code ..

相关内容

  • 没有找到相关文章

最新更新