小编Tec*_*tya的帖子

默认情况下,react-navigation v3 中的标题后退按钮不起作用

我最近在使用 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)

react-native react-navigation

2
推荐指数
1
解决办法
1792
查看次数

标签 统计

react-native ×1

react-navigation ×1