2017-02-15 80 views
0

我正在使用本机基本扩展作为我的反应原生应用程序。我在我的iOS模拟器上运行代码。React Native与本机基本选项卡不呈现

我一直在这以下内容: http://nativebase.io/docs/v2.0.0/components#tabs

我的代码如下:

import React, { Component } from 'react'; 
import { Container, Header,Content, Tab, Tabs } from 'native-base'; 
import Profile from './Profile'; 
import Posts from './Posts'; 
export default class ProfileRoot extends Component { 

render(){ 
return (
    <Container> 
    <Header hasTabs /> 
    <Tabs> 
     <Tab heading="Profile"> 
      <Profile /> 
     </Tab> 
     <Tab heading="Posts"> 
      <Posts /> 
     </Tab> 
    </Tabs> 
    </Container> 
); 
} 
} 

无论是个人资料和信息部件渲染精细单独(没有超过数多在他们无论如何其他纽扣)。我相信本地基地已正确安装,因为我已经渲染了其他组件,如按钮。

我得到以下错误:

警告:React.createElement:类型无效 - 预期字符串(内置组件)或类/功能(复合组件),但得到:不确定。您可能忘记将组件从其定义的文件中导出。检查渲染方法ProfileRoot

我已经在ProfileRoot中包含导出默认类。有些东西我清楚地想念我做错了什么?

+0

我认为你的问题与导出'Profile'或'Posts'组件有关。你能展示你如何导出你的组件? –

+0

而不是'Profile'和'Posts'组件尝试插入Button,Text或任何其他组件,如果它有效,那么问题可能与'Profile'或'Posts'不是'Native Base Tabs'有关。 –

回答

0

尝试用<Header>标记或<Content>标记包住您的<Tabs>标记。 例如: <Header><Tabs>…</Tabs></Header>

相关问题