React native 底部选项卡栏导航的图标不会与嵌套的StackNavigator一起显示

当同一屏幕上有StackNavigator时，我无法显示tabBarIcon

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'
  }

静态导航选项={
标题：“关于”，
tabBarIcon:（）=>{
返回(
)
},
tabBarLabel:“关于”
}

这是用于搜索和列表：

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

标题：“搜索城市”，
tabBarIcon:（）=>{
返回(
)
},
headerBackTitle:null，
标签：“天气”
}

我试着改变屏幕的标题，效果很好。但是对于搜索组件，标签和图标都没有按预期工作

任何帮助或建议都将不胜感激，谢谢大家