ИСПОЛЬЗОВАНИЕ DrawerNavigator И BottomTabNavigator КАК ПОСТАВИТЬ DrawerIcon

Question

Я использую мое главное меню с DrawerNavigator. Внутри экрана я использую BottomTabNavigator.

Я поместил DrawerIcon каждого экрана следующим образом:

....
export default class HomeScreen extends React.Component {
...

static navigationOptions = {
    drawerIcon: ({ tintColor }) => (
      <Icon name="home" style={{ fontSize: 24, color: tintColor }} />
    )
  }

...

}

Но на экране, на котором я использую TabNavigator, я не экспортирую класс, а экспортирую createBottomNavigator, например, так:

class MetasSemanaAnterior extends React.Component {...}

class MetasScreen extends React.Component {...}

export default createBottomTabNavigator({
    MetasMain: MetasScreen,
    MetasAnterior: MetasSemanaAnterior,
});

Я не знаю, куда поместить мои навигационные опции DrawerNavigator!

Помогите, пожалуйста! TY

Answer 1

Я решил таким образом:

на главном экране, где я создаю навигацию по ящикам, я устанавливаю DrawerIcon. Таким образом, значок появляется несмотря на то, что я не установил его на дочерних экранах

установить DrawerIcon, где вы создаете DrawerMenu:

    const AppDrawerNavigator = createDrawerNavigator({
      ChatBot: {
        screen: HomeScreen
      },
      Profile: {
        screen: ProfileScreen
      },
      METAS: {
        screen: MetasScreen,
        navigationOptions: {
//here i set the drawerIcon
          drawerIcon: ({ tintColor }) => { return (<Icon name="flag" style={{ fontSize: 24 }} />) }
        }
      }
    }

Answer 2

Не уверен, что это то, что вы ищете, но вы можете попробовать это, если я правильно понимаю. Вы могли бы обратиться https://reactnavigation.org/docs/en/navigation-options-resolution.html для вещей, чтобы иметь смысл.

const tabNavigator = createBottomTabNavigator({
    MetasMain: MetasScreen,
    MetasAnterior: MetasSemanaAnterior,
});

tabNavigator.navigationOptions = () => {

}

export default tabNavigator;