Ios 导航栏和选项卡栏未同时显示

下面的代码将显示导航栏，它的导航工作正常…但选项卡栏根本不显示。现在，如果我删除了与导航栏相关的代码，选项卡栏就会出现

我对React Native有点陌生，所以我打赌我遗漏了一些东西，但我觉得我做的一切都是正确的，正如我所遵循的教程所说的那样。

从“React”导入React；
进口{
评估学，
文本，
看法
按钮
网络视图
}从“反应本机”；
从“react navigation”导入{StackNavigator，TabNavigator}；
类主屏幕扩展了React.Component{
静态导航选项={
标题：“欢迎”
};
render（）{
const{navigate}=this.props.navigation；
返回(
你好
导航（'Chat'）}
title=“导航到新屏幕”
/>
);
}
}
类NewScreen扩展React.Component{
静态导航选项={
标题：“新屏幕”
};
render（）{
返回(
欢迎来到您的新屏幕
);
}
}
类WebScreen扩展React.Component{
render（）{
近期回报
}
}
类OtherTabScreen扩展React.Component{
render（）{
返回备用屏幕
}
}
const TabBarNavigator=TabNavigator({
网页：{screen:WebScreen}，
其他：{screen:OtherTabScreen}
});
const GivingTrax=StackNavigator({
主屏幕：{屏幕：主屏幕}，
聊天：{屏幕：新闻屏幕}
});
AppRegistry.registerComponent（'GivingTrax'，（）=>GivingTrax）；

如果希望StackNavigator中包含TabNavigator，则需要组合导航器，反之亦然。查看文档以了解更多信息

示例：

const TabBarNavigator = TabNavigator({
    Home: {screen: HomeScreen},
    Web: {screen: WebScreen},
    Other: {screen: OtherTabScreen}
});

const GivingTrax = StackNavigator({
    Tabbed: {screen: TabBarNavigator},
    Chat: {screen: NewScreen}
});

或

const TabBarNavigator = TabNavigator({
    Home: {screen: GivingTrax},
    Web: {screen: WebScreen},
    Other: {screen: OtherTabScreen}
});

const GivingTrax = StackNavigator({
    Home: {screen: HomeScreen},
    Chat: {screen: NewScreen}
});

---

您没有将TabBarNavigator添加到StackNavigator。那么这会取代主屏幕吗？我不知道该怎么办，谢谢！成功了！不清楚这是否是我必须做的。那就是我正在使用的网站。

const TabBarNavigator = TabNavigator({
    Home: {screen: GivingTrax},
    Web: {screen: WebScreen},
    Other: {screen: OtherTabScreen}
});

const GivingTrax = StackNavigator({
    Home: {screen: HomeScreen},
    Chat: {screen: NewScreen}
});