React Native Navigation скрыть заголовок

Question

Я не знаю, как установить заголовок.

Я хочу, чтобы кнопка «Назад» отображалась в заголовке.

Когда я захожу в чат в MainTab, я хочу установить кнопку назад в заголовке чата.

Однако отображаются как заголовок, установленный в LoginScene, так и заголовок, установленный в ChattingScene.

В чате при использовании статических навигационных параметров для обнуления заголовка не создается кнопка возврата.

Я хочу решить эту проблему.

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

Используете ли вы компонент реагирования-навигации?

Я не знаю, почему вы складываете кучу стека-навигаторов, но я рекомендую этого не делать. Потому что это затрудняет контроль или знание состояния навигаторов. Что затрудняет навигацию по вашему приложению.

Результат: Вы уже застряли на проблеме!

Я помогу вам почистить навигаторы, если вы используете реагирующую навигацию в качестве навигатора.