Невозможно скрыть ярлык Drawer.screen в реагировать на родной 0.62? - PullRequest
Новая
       21

Невозможно скрыть ярлык Drawer.screen в реагировать на родной 0.62?

0 голосов
/ 30 апреля 2020 
import React from 'react';
import { NavigationContainer } from '@react-navigation/native';
import { createDrawerNavigator } from '@react-navigation/drawer';
import HomeComponent from '../../Home/index'
import ContactMeComponent from '../../ContactMe/index'
import AboutMeComponent from '../../AboutMe/index'
import BlogComponent from '../../Blog/index'
import { MainStackNavigation } from '../../StackNavigations/MainStackNavigation/index'

const Drawer = createDrawerNavigator();

export function MainDrawerNavigation() {
  return (
    <NavigationContainer
    independent="true">
      <Drawer.Navigator initialRouteName="Home"
      drawerContentOptions= {{
        activeTintColor:'#000000',
        labelStyle: {fontFamily: 'comicNeueRegular'}
    }}>
        <Drawer.Screen 
         name="MainStackNavigation" component={MainStackNavigation} />
        <Drawer.Screen name="Home" component={HomeComponent}/>
        <Drawer.Screen name="About" component={AboutMeComponent} />
        <Drawer.Screen name="Blog" component={BlogComponent} />
        <Drawer.Screen name="Contact" component={ContactMeComponent} />
      </Drawer.Navigator>
    </NavigationContainer>
  );
}

В приведенном выше коде я хочу скрыть метку Drawer.screen name = "MainStackNavigation". Как мне это сделать? Я использую реагировать родной 0,62. Благодаря.

1 Ответ

0 голосов
/ 30 апреля 2020

Просто попробуйте это один раз. Создайте класс, который возвращает значение null, как следует 

class Hidden extend React.Component{
render(){
return null;
}
}

, а затем добавьте параметры в ящик, например 

export function MainDrawerNavigation() {
  return (
    <NavigationContainer
    independent="true">
      <Drawer.Navigator initialRouteName="Home"
      drawerContentOptions= {{
        activeTintColor:'#000000',
        labelStyle: {fontFamily: 'comicNeueRegular'}
    }}>
        <Drawer.Screen 
         name="MainStackNavigation" component={MainStackNavigation} options = {{drawerLabel: <Hidden />}} />
        <Drawer.Screen name="Home" component={HomeComponent}/>
        <Drawer.Screen name="About" component={AboutMeComponent} />
        <Drawer.Screen name="Blog" component={BlogComponent} />
        <Drawer.Screen name="Contact" component={ContactMeComponent} />
      </Drawer.Navigator>
    </NavigationContainer>
  );
}

Надеюсь, это будет работать

...