【问题标题】:React Navigation: how to detect if a screen is inside a TabNavigator or a DrawerNavigator?React Navigation:如何检测屏幕是否在 TabNavigator 或 DrawerNavigator 内?
【发布时间】:2019-02-15 15:55:33
【问题描述】:

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

没问题,我创建了配置并实时应用,并在每个屏幕上添加了与抽屉相关和选项卡相关的配置。

如果屏幕位于 tabnavigator 内,我需要隐藏打开抽屉的导航栏图标,并且仅当位于抽屉式导航器内时才显示

有办法吗?

【问题讨论】:

    标签: android ios react-native react-navigation


    【解决方案1】:

    我找到了这个解决方案

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

    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 ..
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2018-10-28
      • 2018-07-16
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多