React Native导航问题：登录页按返回键回到启动页而非关闭应用

问题描述 #

使用React Native开发应用，采用Navigation导航组件，应用启动后先显示启动页（Splash screen），3秒后自动跳转至登录页（Login screen）。但存在问题：在登录页按下返回键时，会回到启动页，而不是直接关闭应用。

解决方案 #

使用navigation.replace('Login')进行页面跳转，该方法会替换导航栈中的当前页面（启动页），让登录页成为导航栈的第一个页面，此时按下返回键就会直接退出应用，不会回到启动页。

完整代码示例 #

const Splash = ({navigation}: {navigation: any}) => {
  setTimeout(() => {
    navigation.replace('Login')
  }, 3000)
  
  // 此处可添加启动页UI代码
  return (
    // 启动页布局
  )
}

内容的提问来源于stack exchange，提问作者Amit Yadav