Javascript React NativeBase不显示我的导入组件

我对React和React Native还比较陌生，我正在和React NativeBase玩游戏

我已经成功地在一个文件中实现了以下功能，但现在我只是尝试将代码拆分为单独文件中的多个组件

问题是，我导入的组件没有显示。我已经为此挣扎了一段时间，我看不出我做错了什么。。。可能真的很愚蠢

这是我的密码：

code/index.ios.js

import React, { Component } from 'react';
import {
  AppRegistry,
  StyleSheet,
  Text,
  View
} from 'react-native';
import {
  Container,
  Title,
  Header,
} from 'native-base';
import MainContent from './main';

class AwesomeNativeBase extends Component {
  render() {
    return (
      <Container>
        <Header>
          <Title>My awesome app</Title>
        </Header>
        <MainContent />
      </Container>
    );
  }
}
AppRegistry.registerComponent('AwesomeNativeBase', () => AwesomeNativeBase);

import React from 'react';
import { Text } from 'react-native';
import { Content } from 'native-base';

export default class MainContent extends React.Component {
  render() {
    return (
      <Content>
        <Text>Oh hello there!</Text>
      </Content>
    );
  }
}

因此，为了澄清这一点，

index.ios.js

中的代码显示良好，标题显示在iPhone模拟器中，但是，

main.js

中的文本没有显示

---

非常感谢您的帮助

所以我已经解决了这个问题。。。 React NativeBase似乎不允许将

部分置于主组件之外。类似这样的工作原理：

code/index.ios.js

import React，{Component}来自'React'；
进口{
评估学，
样式表，
文本，
看法
}从“反应本机”；
进口{
集装箱，
标题
标题，
内容,，
}来自“本土基地”；
从“/main”导入main内容；
类AwesomeNativeBase扩展组件{
render（）{
返回(
我最棒的应用程序
);
}
}
AppRegistry.registerComponent（'AwesomeNativeBase'，（）=>AwesomeNativeBase）所以我已经解决了这个问题。。。
React NativeBase似乎不允许将
部分置于主组件之外。类似这样的工作原理：

code/index.ios.js
import React，{Component}来自'React'；
进口{
评估学，
样式表，
文本，
看法
}从“反应本机”；
进口{
集装箱，
标题
标题，
内容,，
}来自“本土基地”；
从“/main”导入main内容；
类AwesomeNativeBase扩展组件{
render（）{
返回(
我最棒的应用程序
);
}
}
AppRegistry.registerComponent（'AwesomeNativeBase'，（）=>AwesomeNativeBase）
NativeBase容器目前主要接受
标题
、
内容
和
页脚

NativeBase内容依次获取React Native的图像、视图和滚动视图，而不是任何其他自定义组件

谢谢你注意到这一点

我的团队将向您反馈解决方案。
NativeBase容器目前主要接受
标题
、
内容
和
页脚

NativeBase内容依次获取React Native的图像、视图和滚动视图，而不是任何其他自定义组件

谢谢你注意到这一点

我的团队将向您提供解决方案。
您知道了吗？让我重新创建错误并向您提供解决方案。还没有。我认为这可能是因为导出默认值与
index.ios.js
中的组件冲突，所以我将
MainContent
移到了它自己的组件目录中，但是，这仍然不起作用。你明白了吗？让我重新创建错误并返回给你一个解决方案。还没有。我认为这可能是因为导出默认值与
index.ios.js
中的组件冲突，所以我将
MainContent
移到了它自己的组件目录中，这仍然不起作用。我与
有一个类似的情况，不允许我有一个只返回NativeBase
图标的组件…我与
有一个类似的情况，不允许我有一个只返回NativeBase
图标的组件…我有一个类似的情况由于
不允许我有一个只返回NativeBase
图标的组件，
组件…我与
有一个类似的情况，不允许我有一个只返回NativeBase
图标的组件，
组件。。。
rnpm link
react-native run-ios