导入后在react-native中未定义

Question

我正在开发一个应用程序，当我找到这个模块时，我差不多完成了：react-native-ui-kitten

当我使用这些组件时，它运行正常，但我看到它有一个示例应用程序：kittenTricks

在这个应用程序中，有一种处理路径的强制方式。

但是当我实现它时，我得到了奇怪的错误。

我以这种方式导入屏幕：import * as Screens from '../../screens/index';

当我在控制台中打印时，我得到了这个：

所以，在我看来，因为它正在导入整个屏幕。当我点击GridV2时，我可以看到该对象。

但是

当我使用：Screens.GridV2然后我得到 undefined 并且每个屏幕都会发生同样的事情，所以我没有线索。

GridV2已导出：export class GridV2 extends

然后，有一个index文件再次导出：export * from './grid2'，然后导出index个屏幕。

显然，它正在工作，否则我在打印Screens时看不到对象但是，为什么Screens.whatever给出了undefined？

我检查了他们在示例应用程序中使用的依赖项，它们与我拥有的依赖项相同。 react和react-native是不同的版本，但我希望有一种方法可以在react-native: 0.49.3

中获取屏幕的对象

我的意思是，我不知道为什么会这样，我只是想知道react-native的版本是否存在问题。

也许有人有类似的问题，可以告诉我如何解决它。这真的让我发疯了。

Answer 1

我找不到我想要的答案，我认为不可能这样做。 这就是为什么答案＆＃34;我发现＆＃34;只是逐个导入模块：

import gridV2 from '../../screens/navigation/grid2';
import sideMenu from '../../screens/navigation/sideMenu';

然后

        {
            id: 'GridV2',
            title: 'Grid Menu V2',
            screen: gridV2,
            children: []
        },

另一方面，我觉得这种方式更适合阅读。