Javascript 在React Native中使用CreateBoottomTabNavigator和createStackNavigator

我对react native还不熟悉，我正在尝试创建一个选项卡栏，并使用createStackNavigator将屏幕链接在一起。我已经能够用下面的代码实现这一点

const TabNavigator=createBottomTabNavigator({
主页：{
屏幕：主屏幕
},
事件：{
屏幕：事件屏幕
},
关于：{
屏幕：AboutScreen
}
},
{tabBarOptions:{
showIcon：没错，
activeTintColor:“#D4AF37”，
颜色：“灰色”，
风格：{
背景颜色：“白色”，
},
标签样式：{
尺寸：20，
}
}
}
);
const MyStack=createStackNavigator（{
选项卡：{
屏幕：选项卡导航器
}, 
主页：{
屏幕：主屏幕
},
布道：{
屏幕：第二个活动
},
地图：{
屏幕：地图屏幕
}
},
{
initialRouteName:“制表符”，
}
);
导出默认createAppContainer（MyStack）尝试设置
导航选项
：

主页：{
屏幕：主屏幕，
导航选项：（{navigation，screenProps}）=>({
标题：`我的主页`
})
}
是的，您可以将导航选项传递到不同的堆栈

    const ENTRYSTACK= createStackNavigator(
  {
    ENTRY: {
      screen: ENTRYSCREEN,
      navigationOptions: {
        headerTitle: "Your Header Title",
        headerTitleStyle:{
          color: "white",
          alignSelf: "center"         // some styling if u want 
        },
        headerStyle:{
          backgroundColor: "#a51717"
        }
      }
    }, some other screens/stacks ... 
  }
)

相反，创建您自己的自定义标题，然后在每个组件中导入它。您需要使用back按钮从标题从一个页面转到另一个页面-您尝试过我的解决方案吗？它应该可以工作，并且你可以按照你喜欢的方式设置每个标题的样式。我仍然有相同的问题，每个屏幕都有相同的标题名称，即使我将它们设置为不同的set
headerMode:'none'，在你的
StackNavigator
上，
并不能解决这个问题，我确信这是可行的。您也可以在屏幕中尝试：
static navigationOptions=（）=>{return{title:'Home Screen！'}
我仍然有相同的问题，每个屏幕都有相同的seem头名称，即使我将它们设置为different，您是否删除了initialroutename？无法解决此问题