Значки, не отображаемые в React Navigation DrwaerNavigator

Question

Я пытаюсь добавить значки в приведенный ниже простой React Navigation DrawerNavigator:

  export default createAppContainer(createDrawerNavigator({
  Home: {
    screen: HomeScreen,
    icon: 'home'
  },
  Screen1: {
    screen: Screen1
  },
  Screen2: {
    screen: Screen2
  },
  Screen3: {
    screen: Screen3
  },
}));

Ящик отображается нормально, а значок - нет.

Answer 1

Убедитесь, что вы импортировали реагирующие нативные векторные иконки, чтобы использовать иконки в любом компоненте.

 import Ionicons from 'react-native-vector-icons/Ionicons';
    export default createAppContainer(createDrawerNavigator({
    Home: {
    screen: HomeScreen,
    navigationOptions: {
      drawerIcon: () => <Ionicons name="ios-home" size={30} style={{ width: 24 }} 
    color="#000" />
    }
    },
    Screen1: {
    screen: Screen1
    },
    Screen2: {
    screen: Screen2
    },
      Screen3: {
    screen: Screen3
      },
    }));

Answer 2

Значок должен быть как <Image> или же <View>, а не строка.