我正在研究一个小型RN学习项目,并且正在使用Native Base Library。使用来自本地的选项卡时,我遇到了困难。
import React, {Component} from 'react';
import {Container, Tab, Tabs, TabHeading, Icon, Text} from 'native-base';
import Tab1 from './tabs/TabOne';
import Tab2 from './tabs/TabTwo';
export default class TabScreen extends Component {
render() {
return (
<Container>
<Tabs>
<Tab
heading={
<TabHeading>
<Icon name="camera" />
<Text>Camera</Text>
</TabHeading>
}>
<Tab1 />
</Tab>
<Tab
heading={
<TabHeading>
<Text>No Icon</Text>
</TabHeading>
}>
<Tab2 />
</Tab>
</Tabs>
</Container>
);
}
}
选项卡1和选项卡2只是文本组件。
下面是我正在使用的库的版本
“ native-base”:“ ^ 2.13.12”,“ react”:“ 16.11.0”,“本机”:“ ^ 0.62.2”,
下面是输出
标签不可单击,并且不会显示任何文本。我也检查了文本的颜色,但不是白色,请告诉我代码中的错误]