如何添加标题左到createMaterialTopTabNavigator?

时间:2019-01-28 09:52:50

标签: react-native

我有createMaterialTopTabNavigator和createDrawerNavigator导航系统,我想在createMaterialTopTabNavigator的屏幕上添加一个菜单栏图标,因此我转到屏幕/组件并添加了此代码,但是未添加任何内容,并且在控制台上没有错误,请检查我的代码是否正确

static.navigationOptions = {
      headerLeft:   () => { 
        return (  <Icon 
          name = 'menu'
          size = { focused ? 28 : 20}
          color = {tintColor}
          style={{paddingTop:20}}
        />)}}

1 个答案:

答案 0 :(得分:0)

如果您试图将菜单图标放在tabBar的顶部,则必须使用StackNavigator。

const TabPage = createMaterialTopNavigator({
 ...
})

const YNavigator = createStackNavigator ({
  Home:{screen: TabPage,
    navigationOptions: ({navigation}) => ({
      headerLeft: <Icon name="home" size={15} color="blue" />,
    })
  },
})

希望这会有所帮助