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

【问题标题】："Error: Creating a navigator doesn't take an argument."“错误：创建导航器不需要参数。”
【发布时间】：2021-04-24 05:05:56
【问题描述】：

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

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); '''

【问题讨论】：

标签： reactjs react-native react-navigation react-navigation-v5 react-navigation-stack

【解决方案1】：

当您将参数传递给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。

如果它解决了你的问题，请告诉我。

【讨论】：

您能否投票并验证以关闭它。