0

我正在为我的反应原生应用程序使用原生基础扩展。我在我的 iOS 模拟器上运行代码。

我一直在关注这个： 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>
 );
 }
}

Profile 和 Posts 组件都可以单独渲染（除了几个按钮之外，它们并没有太多东西）。我确信本机基础已正确安装，因为我已经渲染了其他组件，例如按钮。

我收到以下错误：

警告：React.createElement：类型无效——需要一个字符串（对于内置组件）或一个类/函数（对于复合组件），但得到：未定义。您可能忘记从定义组件的文件中导出组件。检查ProfileRoot.

我已经在 ProfileRoot 中包含了导出默认类。有什么我显然错过了我做错了什么？

4

2 回答 2

1

尝试<Tabs>逐个<Header>标签或标签包装您的<Content>标签。例子： <Header><Tabs>…&lt;/Tabs></Header>

于 2017-02-17T11:34:53.990 回答
-1

尝试用视图标签和样式包装标签和标题 flex: 1

于 2020-12-09T11:23:29.153 回答