时间戳

首页 > 解决方案 > “错误：创建导航器不需要参数。”

reactjs - “错误：创建导航器不需要参数。”

问题描述

我正在尝试在本机反应中为我的应用程序创建一个导航栏。在应用程序正常运行一天后，我打开它，然后我遇到了这个错误：“错误：创建导航器不需要参数。”。我希望有人可以帮助我，以便我可以继续。这是我的代码：

import React from "react";
import {Text, StyleSheet} from "react-native";
import {createAppContainer} from "@react-navigation/native";

import {createStackNavigator} from "@react-navigation/stack";

import Feed from "./src/screens/Feed/matrix";

const MainNavigator = createStackNavigator(
{
    Feed
},
{
    defaultNavigationOptions: {
        headerTitle: <Text></Text>,
    }
});

export default createAppContainer(MainNavigator); '''

标签： reactjsreact-nativereact-navigationreact-navigation-v5react-navigation-stack

解决方案

当您将参数传递给createStackNavigator()函数时会触发此错误。

使用 react-navigation 5，您可以像这样创建堆栈导航器：

import { NavigationContainer } from '@react-navigation/native';
import { createStackNavigator } from '@react-navigation/stack';

onst Stack = createStackNavigator();

const FirstScreenComponent = () => <View><Text>First screen</Text></View>

const SecondScreenComponent = () => <View><Text>Sezcond screen</Text></View>

function App() {
  return (
    <NavigationContainer>
      <Stack.Navigator>
        <Stack.Screen name="First screen" component={FirstScreenComponent} />
        <Stack.Screen name="Second screen" component={SecondScreenComponent} />
      </Stack.Navigator>
    </NavigationContainer>
  );
}

export default App;

如果您仍想将它与功能一起使用（在您的示例中），我认为您应该将 react-navigation 降级到 v4.1 。

告诉我它是否能解决你的问题。

推荐阅读