时间戳

首页 > 解决方案 > React Navigation，问题查找文件

javascript - React Navigation，问题查找文件

问题描述

我是 React Native 的新手，并且正在努力解决一些基本问题，试图将我的应用程序分成不同的文件（每个屏幕的新文件），但我的导航器无法找到屏幕或其他东西。我 90% 确定这是一个非常基本的错误，但已经坚持了很长时间。

这是错误：

'' 找不到屏幕 'details' 的 'component'、'getComponent' 或 'children prop'

我很确定我正确地进行了导入/导出，但显然出了点问题。

代码：

//component import (app.js)

import { DetailScreen } from './screens/2nd';
...
...

//stack(app.js)

export default function App() {

  return (
    <NavigationContainer>
      <Stack.Navigator initialRouteName='home'>
        <Stack.Screen name='home' component={HomeScreen} />
        <Stack.Screen name='details' component={DetailScreen} />

      </Stack.Navigator>
    </NavigationContainer>
  );
}



//details page (2nd.js):

const DetailScreen = () => {
    return (
        <View>
            <Text>
                Detail Screen
        </Text>
        </View>
    )
}

export default DetailScreen;

标签： javascriptreactjsreact-native

解决方案

当您声明时，export default FunctionName您可以使用import aliasFunction from './yourfile'. 但是如果你想使用import {DetailScreen} ...你需要export FunctionName在 ./screens/2nd声明

推荐阅读