React Native Native基本选项卡不显示内容。黑屏和选项卡不起作用

问题描述 投票:0回答:1

我正在研究一个小型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”,

下面是输出

enter image description here

标签不可单击,并且不会显示任何文本。我也检查了文本的颜色,但不是白色,请告诉我代码中的错误]

react-native react-native-android native-base
1个回答
© www.soinside.com 2019 - 2024. All rights reserved.