Question

当同一屏幕上有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'
  }

这是用于搜索和列表的：

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

我试图更改屏幕的标题，它可以工作。但是对于“搜索”组件，“标签”和“图标”均无法正常工作。

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

BottomTabBar导航的图标不与嵌套StackNavigator一起显示

0 个答案: