Question

我不知道如何设置标题。

我想将后退按钮设置为出现在标题中。

在MainTab中输入“聊天”时，我想在“聊天”标题中设置“后退”按钮。

但是，会同时显示LoginScene中设置的标题和ChattingScene中设置的标题。

在聊天中，使用静态NavigationOptions设置标题为空不会创建后退按钮。

我想解决这个问题。

Navigator.js

const ChattingScene = createStackNavigator({
 Chatting: {screen: Chatting}
 ...
},
{
 headerMode: 'float'
})

const MainScene = createStackNavigator({
 MainTab: {screen: MainTab},
 ChattingScene: {screen: ChattingScene}
},
{
 headerMode: 'none'
})

const SignUpScene = createStackNavigator({
 SignUp: {screen: SignUp},
 PWDSearch: {screen: PWDSearch},
},
{
 headerMode: 'none'
})

const LoginScene = createStackNavigator({
 LoginUI: {screen: LoginUI},
 SignUpScene: {screen: SignUpScene},
 MainScene: {screen: MainScene},
},
{
 initialRoutName: 'LoginUI',
 headerMode: 'float',
})

const HomeScene = createStackNavigator({
 LoginScene: {screen: LoginScene}
},
{
 headerMode: 'none'
})

export default class Navigator extends Component {
 render() {
  return(
   <HomeScene />
  );
 }
}

Answer 1

您是否正在使用反应导航组件？

我不知道您为什么要堆叠一堆stackNavigator，但是我建议不要这样做。因为这使得很难控制或了解导航器状态。这使得浏览应用程序变得更加困难。

结果：您已经陷入一个问题！

如果您将react-navigation用作导航器，我将帮助您清理导航器。

反应本机导航标题隐藏

1 个答案: