Значки навигации BottomTabBar не отображаются с вложенным StackNavigator

Question

Я не могу отобразить tabBarIcon, когда на том же экране есть StackNavigator.

const Tabs = createBottomTabNavigator({
  Search: {screen: Search},
  About: {screen: About}
  },
  {
      tabBarOptions : {
      showLabel :true,
      showIcon : true,
      style : {
        backgroundColor : "rgb(145, 242, 191)",
        borderTopWidth : 2
    },
    indicatorStyle :{
      height : 10,
      backgroundColor : "#FFF"
    }
  }
});

Экран «О программе» просто отображает базовый вид, но на экране поиска есть StackNavigator, который отображает как Поиск, так иСписок.

const AppNavigator = createStackNavigator({
  Search : {
    screen: Search,
    navigationOptions
  },
  List : {
    screen : List,
    navigationOptions
  }
});

На экране «О программе» все работает, как и ожидалось, но на экране поиска исчезли значки.

Это для «О программе»:

static navigationOptions={
    title:"About",
    tabBarIcon:()=>{
      return (
        <Image source={require("./img/about.png")} style={style.icons}/>
      )
    },
    tabBarLabel : 'About'
  }

И это для поиска и списка:

    title : "Search a city",
    tabBarIcon:()=>{
      return (
        <Image source={require("./img/user.png")} style={style.icons}/>
      )
    },
    headerBackTitle:null,
    tabBarLabel : 'Weather'
  }

Я попытался изменить заголовок экрана, он работает.Но для компонента «Поиск» метка и значок не работают должным образом.

Любая помощь или предложение будут высоко оценены, спасибо всем!