小编jpe*_*ggu的帖子

"console.error: "带有有效载荷 {"name":"Login"} 的操作 'navigate' 未被任何导航器处理。”

当前行为

目前,我有一个叠加的堆栈导航器,其中包含用户可以处于的所有状态,代码目前看起来像

function GoToButton({ screenName }) {
    const navigation = useNavigation();

    return (
      <TouchableOpacity
        onPress={() => navigation.navigate(screenName)}
      />
    );
}
const AppNavigator = createStackNavigator({
    Login: {screen: Login},
    SignUp: {screen: SignUp},
    Nav: {screen: Nav},
    ConfirmEmail: {screen: ConfirmEmail},
    Onboard: {screen: Onboard},
    Map: {screen: Map}

    },{ headerMode: 'none' },
    {
        // Specifing Initial Screen
        initalRoute: 'Login'
    }
);
const App = createAppContainer(AppNavigator);

export default App;
Run Code Online (Sandbox Code Playgroud)

但是,在其中一种状态(粗体的 Nav 状态)中,它包含一个包含另外三个状态的选项卡导航器。下面是以下代码:

function HomeScreen({navigation}) {
  return (
    <View style={Styles.container}>
      <Text style={Styles.logo}>
        LOGO
      </Text>
      <TouchableOpacity onPress={()=> {navigation.navigate('Login')}}>
      <Text>Display …
Run Code Online (Sandbox Code Playgroud)

javascript react-native

5
推荐指数
1
解决办法
3823
查看次数

标签 统计

javascript ×1

react-native ×1