React native 默认情况下，react navigation v3中的Header back按钮不起作用

我最近正在使用react 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;

导入。。。
导入。。。
导入。。。
类路由器扩展组件{
异步组件didmount（）{
等待Font.loadAsync({
//...
});
}
render（）{
返回(
)
}
}
const StackNavigator=createStackNavigator({
主页：{
屏幕：着陆
},
登录：{
屏幕：登录
},
重置密码：{
屏幕：重置密码
},
设置密码：{
屏幕：设置密码
},
报名：{
屏幕：注册
},
仪表板：{
屏幕：仪表板
},
米尔斯配方：{
屏幕：MealsRecipe
}
},{
initialRouteName:“主页”，
HeaderLayoutReset:“中心”
})
const Navigator=createAppContainer（StackNavigator）；
导出默认路由器；

你能找出它背后的问题吗？

---

谢谢：）

经过大量的实验后，我惊奇地发现在

headerStyle:

中，giving

padding bottom:

搞乱了后退按钮的点击功能

但是不知道，为什么会这样？ 如果有人对此有任何意见，请发表评论

我的

头型如下所示

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