我最近在使用 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'
}) …Run Code Online (Sandbox Code Playgroud)