如何自定义React Navigation中TabNavigator的headerLeft？移除返回按钮

当然可行啦！你只需要在对应页面的navigationOptions中显式设置headerLeft: null，就能轻松移除这个Back按钮。

先看你提供的界面截图：

直接修改你的代码即可，只需要添加一行配置：

DetailTabs = TabNavigator({
  DetailResult: {
    screen: DetailResult,
    navigationOptions: {
      title:'Detail Penginapan',
      headerTitleStyle:{
        fontSize:14,
        textAlign: "center",
        flex: 1,
      },
      tabBarVisible: false,
      headerStyle:{
        backgroundColor:'#4A94FB',
        borderBottomColor: 'transparent',
      },
      headerTintColor: 'white',
      // 新增这一行，移除headerLeft的返回按钮
      headerLeft: null
    }
  }
})

这样修改后，你的DetailResult页面的headerLeft就不会显示任何内容，返回按钮也就被移除了。如果之后你想自定义headerLeft的内容，也可以在这里传入一个React组件，实现个性化的左侧头部元素。

内容的提问来源于stack exchange，提问作者kurniawan26