Кнопка возврата заголовка по умолчанию не работает в реакции-навигации v3

Question

Я недавно использую response-navigation v3, так что я использую функцию createStackNavigator для стековой навигации.Так что, как и ожидалось, она должна вернуть кнопку «Назад» по умолчанию в заголовке в рабочем состоянии.

Но, к сожалению, кнопка «Назад» отрисовывается отлично, но не может работать.

Ниже приведен мой коди я выделил файл routes.js для всех видов навигационных маршрутов и импорта на экраны, соответственно, в зависимости от его использования.

import ...
import ...
import ...

class Router extends Component{
  async componentDidMount() {
    await Font.loadAsync({
      //...
    });
  }

  render(){
    return (
      <Navigator />
    )
  }
}

const StackNavigator = createStackNavigator({
    Home: {
        screen: Landing
    },
    Login: {
        screen: Login
    },
    ResetPassword: {
      screen: ResetPassword
    },
    SetPassword: {
      screen: SetPassword
    },
    Signup: {
      screen: Signup
    },
    Dashboard: {
      screen: Dashboard
    },
    MealsRecipe: {
      screen: MealsRecipe
    }
},{
    initialRouteName: 'Home',
    headerLayoutPreset: 'center'
})
const Navigator = createAppContainer(StackNavigator);

export default Router;

Не могли бы вы определить причину проблемы?Спасибо:)

Answer 1

После долгих экспериментов неожиданно я обнаружил, что в headerStyle: предоставление paddingBottom: портит функциональность нажатия в кнопке назад.

Но понятия не имел, почему это?Если у кого-то есть какие-либо слова по этому поводу, пожалуйста, оставьте комментарий.

У меня был headerStyle, как показано ниже;

headerStyle: {
  height: 0,
  marginTop: 0,
  paddingTop: 10,
  paddingBottom: 30,
  backgroundColor: '#cb7429'
},