Реагировать на родные базовые вкладки, не отображающие содержимое. Пустой экран и вкладки не работают

Question

Я работаю над небольшим проектом RN Learning и использую Native Base Library. Я сталкиваюсь с трудностями при использовании вкладок из native-base.

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>
);
}
}

Tab 1 и Tab 2 - просто текстовые компоненты.

Ниже приводится версия библиотеки, которую я использую

"native-base": "^ 2.13.12", "реаги": "16.11.0", "реагировать-нативный": «^ 0.62.2»,

Ниже выводится

Вкладки не активируются, и текст не отображается. Я также проверил цвет текста, и он не белый. Пожалуйста, дайте мне знать, в чем ошибка в коде

Ниже моя вкладка Один код

import React from 'react';
import {View, Text} from 'react-native';

const TabOne = () => {
  return (
    <View>
      <Text>
        This is a long long text. This is a long long text. This is a long long
    text. This is a long long text.
      </Text>
    </View>
   );
};

export default TabOne;